开发笔记5-body设置overflow依然能滚动的禁止办法

body标签设置了overflow:hidden后,在移动端依然能够滚动,查了一些文章后,设置body宽高为100%,依旧不行,后来把body标签的position属性设置为fixed后,top和left分别设置为0,这样不管怎么拖动,body依旧保持在原位。

代码实例:
css:

body {
    width: 100%;
    height: 100%;
    background: #000;
    overflow: hidden;
}

body {
    position: fixed;
    top: 0;
    left: 0;
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,860评论 1 92
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,895评论 1 45
  • Mobile Web Favorites 参与贡献 移动前端开发收藏夹,欢迎使用Issues以及 Pull Req...
    柴东啊阅读 831评论 0 2
  • 概述 在网易云课堂学习李南江老师的《从零玩转HTML5前端+跨平台开发》时,所整理的笔记。笔记内容为根据个人需求所...
    墨荀阅读 2,397评论 0 7
  • 1. tab列表折叠效果 html: 能源系统事业部 岗位名称: 工作地点 岗位名...
    lilyping阅读 1,931评论 0 1