Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 将灯箱的div改为fixed和back_Jquery_Css - Fatal编程技术网

Jquery 将灯箱的div改为fixed和back

Jquery 将灯箱的div改为fixed和back,jquery,css,Jquery,Css,我有一个html文件 <html> <body> <div #main> <a click to open lightbox> <img> <more images> </a> </div> </body> </html> 但它并没有提到要增加一个灯箱。这就是问题所在。我需要代码来获得更好的答案,这里有一些提示 你试过把你的身体设置为“溢出:隐藏”吗 卷轴取决于您悬停的元素

我有一个html文件

<html>
<body>
<div #main> <a click to open lightbox> <img> <more images> </a> </div>
</body>
</html>


但它并没有提到要增加一个灯箱。这就是问题所在。

我需要代码来获得更好的答案,这里有一些提示

  • 你试过把你的身体设置为“溢出:隐藏”吗

  • 卷轴取决于您悬停的元素,您是否尝试将#main size设置为窗口大小

  • 问候

    [更新]

    在我看到你的网站后,我想你应该做些改变

  • 使“pp_图片夹”成为“pp_覆盖”的子对象
  • 将你的“图片夹”放在css中,不是固定的,使用“边距:0自动
  • 在Jquery中,在窗口上使用“调整大小”功能将“pp_覆盖”的宽度/高度设置为窗口宽度/高度。应该是这样的

    function overlayResize(){
       var WW=$(window).width();
       var WH=$(window).height();
       $(".overlay").height(WH).width(WW);
    }
    
    
    $(window).resize(function(){
        overlayResize();
    })
    
    overlayResize();
    
  • 这里有一些jsFiddle:

    [更新] 如果要在覆盖中滚动,请不要忘记添加:

        overflow:auto;
    
    到你的覆盖层

    [更新]

    这一个使停止隐藏功能,当你点击在选定的图片


    jQuery代码或实例将非常有用。@freshyeball脚本有点长。我怎样才能分享它?它在我的本地计算机上。在上创建一个(使用尽可能少的代码)Jsfiddle@aVC或者你可以分享你的本地IP地址(你以后可以随时更改)@freshyeball点击像手一样的图片。第二个图像。我只在那个图像上有lightbox。是的,我试过溢出:隐藏。如果我在#main上使用它,整个身体仍然会滚动。如果我在body上使用它,弹出溢出也会隐藏起来。我没有将#main size设置为window size,因为它小于window size。我发布了网址。你需要我给你发密码吗?谢谢。但问题是,如果您将.selectedPic{}高度更改为700px;然后弹出窗口延伸到视口下方,但无法滚动。在OverlyCool上设置“溢出:自动;”。它放在小提琴上很好看。让我试穿一下真的。非常感谢,很快会让你知道的。不要忘了把“pp_图片”作为“pp_覆盖图”的子文件夹,如果你不这样做,你就不能在覆盖图中滚动。
        overflow:auto;