jquery：当我在文档上添加图层时，如何重置文档滚动条？

当我在文档上添加图层时，如何重置文档滚动条？

例如，当你有一个很长的文档时，就像facebook页面一样，你需要向下滚动才能看到较旧的图像/post，

当您单击照片时，滚动条已更改 – 它从顶部开始，但文档页面根本没有跳转，

关闭照片查看器图层时，滚动条将恢复为之前的状态，但页面不会跳转。

到目前为止，这是我的工作代码，但它不像我预期的那样工作。

$('.get-photo').click(function(){ var object = $(this); var object_path = object.attr('href'); //alert(object_path); $(document.body).append("
"); $(document.body).append('
'); var layer_background = $('.background-photo'); var height_document = $(document).height(); var scroll_top = $(window).scrollTop(); layer_background.css({ width:'100%', height:height_document + 'px', background: '#fff', opacity: 0.4, position:'absolute', top:0, left:0, zIndex:'100' }); $('.photos-holder').css({ width:'800px', height:'500px', background:'#ffffff', border:'1px solid #000', marginLeft:'-400px', position:'absolute', top: scroll_top + 100 + "px", left:'50%', zIndex:"101" }); return false; }); 

有任何想法吗？

您可以单击此链接 ，滚动并单击其中一张照片以查看我的意思。

Answer 1

Facebook使用css属性： 溢出

图像容器具有以下css属性：

 position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow-x: auto; overflow-y: scroll; 

这将创造您正在寻求的效果。