javascript - 停止 Internet Explorer 8 页面滚动

Question

这可能吗？基本上，当用户单击按钮时，我会在页面上显示一个“弹出窗口”，并且我可以让页面在大多数浏览器中停止滚动:

body.style.overflow = "hidden";

但这对 IE 不起作用？我也试过这个作为黑客:

body.style.position = "fixed";

这确实有效，但它会将用户返回到页面顶部!

有没有办法只用 js/css 来做到这一点？而不是 jq？

Answer 1

您可以将定位设置为固定，将溢出设置为滚动。因此，如果用户滚动页面，弹出窗口会保留，如果长度或宽度超过您设置的比例，您仍然可以滚动弹出窗口。在 CSS 中设置样式:

#popup
{
margin:auto;
width:600px;
height:300px;
background-color:#666;
position:fixed;
overflow:scroll;
}

我不确定这是否是您要实现的目标如果您发布了到目前为止的演示会容易得多