从滚动停止Internet Explorer 8页面

时间:2013-06-30 16:20:48

标签: javascript html css

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

body.style.overflow = "hidden";

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

body.style.position = "fixed";

实际上有效,但它会将用户返回到页面顶部!

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

2 个答案:

答案 0 :(得分:0)

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

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

我不确定这是否是你想要实现的目标,如果你发布了迄今为止你所拥有的演示,那就更容易了

答案 1 :(得分:0)

使用float: left代替position: fixedposition: absolute。它肯定会起作用。 :)