Javascript CSS/JS重置绝对DIV中DIV的滚动位置
我正在一个div弹出窗口中加载一个图像,它位于一个名为Javascript CSS/JS重置绝对DIV中DIV的滚动位置,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在一个div弹出窗口中加载一个图像,它位于一个名为#main #mask { display: block; position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.84); top: 0; left: 0; right: 0; bottom: 0; z-index: 999; overflow-y: auto;
#main
#mask {
display: block;
position: fixed;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.84);
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999;
overflow-y: auto;
overflow-x: hidden;
}
及
使用jQuery,我在#popup
中加载一个图像,我可以上下滚动它,但是当我关闭覆盖并加载另一个图像时,图像从顶部看不到…当我离开/关闭第一个图像时,它保持相同的滚动位置
不知道为什么…我如何在不重置整个页面的情况下重置它
$('#popup').scrollTop(0);
似乎不起作用…如果试图重置错误div的滚动,则应重置设置了
溢出
属性的div的滚动
在这种情况下,处理滚动的div是#mask
div,因此应用scrollTop()
元素#mask
$('#掩码')。滚动顶部(0)代码>将完成这项工作
确保在调用scrollTop()
时元素(#mask
)已可见。当弹出窗口打开时,使用弹出窗口顶部的锚标记调用它怎么样?或者使用默认的scrollTop函数(非jQuery)var popup=document.getElementById('popup');popup.scrollTop=0代码>
$('#popup').scrollTop(0);