iframe禁止外层滚动条的简单方法

本站用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设置样式就可以了

参考

http://www.zhihu.com/question/21865401