现在的位置: 首页 -> 前端学习 -> JS前端 -> 手机站H5页面禁止滚动条,滑动

手机站H5页面禁止滚动条,滑动

2015-06-11 00:18评论数 4 ⁄ 被浏览 36383 views+

当做弹窗效果时,希望弹窗出现的时候网页不可再上下滚动、翻页,可以用body{overflow:hidden},可是做手机站的时候,就不兼容了。


试了很多次都没有用,后来找到了解决的办法,就是要html,body同时设为overflow:hidden。


具体实现范例代码:


css样式部分:

.ovfHiden{overflow: hidden;height: 100%;}


jquery部分:

$('html,body').addClass('ovfHiden'); //使网页不可滚动

$('html,body').removeClass('ovfHiden'); //使网页恢复可滚动

 

文章出自:https://www.daixiaorui.com/read/158.html 本站所有文章,除注明出处外皆为原创,转载请注明本文地址,版权所有。

目前有 4 条评论  @我要评论

  1. 4楼12 : 2019-05-07 16:38:07 评论说: @回复

    12112122121

  2. 3楼前端学者 : 2017-03-09 00:42:05 评论说: @回复

    用了 还是不能禁用滚动条?怎么回事??

  3. 2楼1233 : 2017-02-27 16:18:16 评论说: @回复

    sdfasfsaaaaaaaaaaaaaaaaaaaaa

  4. 1楼weber : 2015-09-08 15:58:47 评论说: @回复

    虽然body不滑动了,但是之前body又跑到顶部去!

您的每一个评论都是对我的一份支持

 博客二维码

昵称 *

邮箱 *