本站用iframe来弹出博文,博文较长的时候会有滚动条的情况出现(chrome下做了隐藏),当滚动iframe内部的内容结束的时候,会接着滚动外层滚动条,带来一些不想要的效果
所以我们想,当iframe弹出框的时候,禁用外层滚动条
不能用overflow:hidden的方式, 因为原来的必须可以滚动, 如果暗层出来设置overflow:hidden的话会使视窗中的界面突然变宽。
能做的是禁止内部滚动的冒泡
function preventDefault(e) {
e = e || window.event;
if (e.preventDefault)
e.preventDefault();
e.returnValue = false;
}
这里面有一些细节问题,更详细的可以参考这里:屏蔽wheelscroll
本文主要记录一种简单办法,亲测有效(已使用在本站):
html,body{overflow–y:hidden;padding–right:17px;hight:100%;}
当弹出窗的时候为外层body设置样式就可以了