布谷鸟网络,江阴小程序开发,江阴小程序开发公司,江阴小程序分销商城,江阴小程序商城,江阴网站定制,江阴网络公司,江阴APP开发,江阴网站建设,江阴微信公众号维护
Html body的滚动条禁止与启用
日期:2021/11/10 15:39:55  阅读:

在写一个在页面中,经验证用户没有登录或session失效时候弹出登录框禁止页面滚动用到

今天搞了一个功能,上下左右居中,模仿QQ空间里的样式,把横向和纵向滚动条禁止掉代码如下:

 

     我相信大家对这个代码应该无异议吧,如果有请高手给予指点。测试结果如下:

     IE6:禁止滚动条正常,启动滚动条错误,出现双滚动条且滚动条滚动页面无反应。

     IE7:禁止滚动条正常,启动滚动条错误,出现双滚动条且滚动条滚动页面无反应。

     IE8: 禁止滚动条正常,启动滚动条正常。

     IE9: 禁止滚动条正常,启动滚动条正常。 

     Chrome: 禁止滚动条正常,启动滚动条正常。

     FireFox: 禁止滚动条正常,启动滚动条正常。

 

    靠,又是IE6和IE7,微软真的该反省了,所以说做产品得一开始就要负责人。别扯远了,解决方法是当overflow设置hidden以后,直接取消这个style而不要设置overflow,具体代码如下:

 //为了简便定义一个样式类

 

 

 

     当然也可以直接清掉style的内容,不过上面的做法更直观、更简单。           

————————————————

版权声明:本文为CSDN博主「绿疏忽」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。

原文链接:https://blog.csdn.net/ufryyfdf/article/details/83931674





作者:绿疏忽 (来源:CSDN

[声明] 本文系本网编辑转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与本网邮箱 7016867@qq.com 联系,我们将在第一时间删除内容!
Design By 布谷鸟网络 Since 2004 | 江阴网络公司 | 江阴网站设计 | 江阴网页设计 | 江阴小程序开发公司 | 江阴微信商城设计 | 江阴微信公众号商城 | 江阴小程序商城 | 网站地图 |
本站由 为布谷鸟网络(www.czdztz.com)提供云计算与安全服务 苏ICP备12074670号-1 江阴百度优化