投稿
JavaScript

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

字号+ 作者：micloud 来源：www.seoalphas.com 2017-10-09 21:43 浏览次数(1033)

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);


标签
上一篇：JavaScript表单数据验证 onclick()
下一篇：form表单提交，前端验证

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

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

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

    浏览次数：1052

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

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

    浏览次数：1016

  • form表单提交，前端验证

    form表单提交，前端验证

    浏览次数：779

  • js刷新页面方法大全

    js刷新页面方法大全

    浏览次数：686

  • JavaScript操作JSON操作文档

    JavaScript操作JSON操作文档

    浏览次数：610

  • 小程序开发中 var that = this的用法

    小程序开发中 var that = this的用法

    浏览次数：595

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

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

    浏览次数：442

  • JavaScript表单数据验证 onclick()

    JavaScript表单数据验证 onclick()

    浏览次数：419

网友点评
功能开发中......其实是博主懒了而已......
精彩导读
手机web页面调用打开QQ聊天功能

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

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

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

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

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

form表单提交，前端验证

form表单提交，前端验证

js刷新页面方法大全

js刷新页面方法大全

全站热文
阿尔法博客 备案： 网站地图 豫ICP备12025808号-1
关于我们 网站开发 微信公众号开发 微信小程序开发
0.311501s