HTML JS 弹层后底部页面禁止滚动处理

字号+ 作者:alpha 来源:www.seoalphas.com 2017-10-09 21:43 我要评论(0)

1.打开新页面时需要禁止鼠标滚轮,禁止页面滑动;

1
2
3
4
在调用显示层时加上这句js代码就可以了:
document.documentElement.style.overflow = "hidden";
关闭层的时间别忘了在加上这句:
document.documentElement.style.overflow = "scroll";


2.设置滚轮原来位置

1
2
var top_temp = $(document).scrollTop()||document.documentElement.scrollTop || document.body.scrollTop;
window.parent.scrollTo(0,top_value);


标签
js禁止网页滚动

本站部分技术文章为参考网上实用内容发布,目的是记录踩坑经验,若未备注来源而侵犯了您原创文章权益,请联系博主删除;对文章有不同看法的朋友欢迎在评论区留言互动

相关文章
  • 手机web页面调用打开QQ聊天功能

    手机web页面调用打开QQ聊天功能

    浏览次数:818

  • form表单提交,前端验证

    form表单提交,前端验证

    浏览次数:630

  • js刷新页面方法大全

    js刷新页面方法大全

    浏览次数:534

  • JavaScript操作JSON操作文档

    JavaScript操作JSON操作文档

    浏览次数:474

  • 关于layui富文本编辑器同步编辑器内容到textarea layedit.sync(index)

    关于layui富文本编辑器同步编辑器内容到textarea layedit.sync(index)

    浏览次数:401

  • js中不存在exit函数,程序的运行中断停止,可使用return

    js中不存在exit函数,程序的运行中断停止,可使用return

    浏览次数:342

  • JavaScript表单数据验证 onclick()

    JavaScript表单数据验证 onclick()

    浏览次数:325

  • 实现select中指定option选中触发事件

    实现select中指定option选中触发事件

    浏览次数:324

网友点评
功能开发中......
0.359375s