使用overflow: hidden来禁用页面滚动条

  发布时间:2014-09-04 11:36:00   作者:佚名   我要评论
禁用页面滚动条的方法有很多,但最简单、最快的也就数overflow: hidden了,下面是禁用html及body滚动条的方法,兼容IE6、7
(福利推荐:【腾讯云】服务器最新限时优惠活动,云服务器1核2G仅99元/年、2核4G仅768元/3年,立即抢购>>>:9i0i.cn/qcloud

(福利推荐:你还在原价购买阿里云服务器?现在阿里云0.8折限时抢购活动来啦!4核8G企业云服务器仅2998元/3年,立即抢购>>>:9i0i.cn/aliyun


复制代码
代码如下:

html
{
overflow: hidden;
}
body
{
overflow: hidden;
}

在IE6,7下需要设置html有效,在其它标准浏览器下设置body就可以

相关文章

  • 前端页面弹框遮罩禁止页面滚动

    这篇文章主要介绍了前端页面弹框遮罩禁止页面滚动,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学
    2020-11-30
  • CSS设计之页面滚动条出现时防止页面跳动的方法

    这篇文章主要介绍了CSS设计之页面滚动条出现时防止页面跳动的方法,在使用overflow:auto之后这样的跳动情况是一个常见问题,本文给出了相关处理方法,需要的朋友可以参考下
    2015-06-08
  • 纯css 实现footer 一直在页面底部,不随页面滚动

    CSS的简单在于它易学,CSS的困难在于寻找更好的解决方案。在CSS的世界里,似乎没有完美这种说法。所以,现在介绍的CSS绝对底部,只是目前个人见过的方案中比较完美的吧。
    2014-09-02
  • HTML页面滚动时部分内容位置固定不滚动的实现

    这篇文章主要介绍了HTML 页面滚动时部分内容位置固定不滚动的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着
    2021-04-14

最新评论

?


http://www.vxiaotou.com