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

作者: 谷鸽不爱吃稻谷 | 来源:发表于2019-07-09 16:04 被阅读0次

开发笔记5-body设置overflow依然能滚动的禁止办法
2019-11-13
移动端常见JS与CSS问题及解决方法
DIV滚动条添加css显示和滚动条隐藏
css隐藏div滚动条
css 设置 overflow:scroll 滚动条的样式
Vue 设置内容滚动并且隐藏滚动条
移动端浏览器和微信浏览器上禁止body的滚动条
微信小程序开发遇到的问题（自用）
picker组件开发问题记录

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

开发笔记5-body设置overflow依然能滚动的禁止办法
body标签设置了overflow:hidden后，在移动端依然能够滚动，查了一些文章后，设置body宽高为100...
2019-11-13
设置了overflow，隐藏其滚动条同时可以滚动的方法元素设置了overflow: auto；隐藏其滚动条同时...
移动端常见JS与CSS问题及解决方法
一. css部分body如果设置height:100%;overflow:hidden是依然可以滑动的，如果需禁止...
DIV滚动条添加css显示和滚动条隐藏
对div设置滚动条，设置其横向滚动条和纵向滚动条样式。所需CSS样式为overflow-y和overflow-x来...
css隐藏div滚动条
记录一下日常开发...之前开发隐藏 div 滚动条，都是通过设置外出 div 为 overflow: hidden...
css 设置 overflow:scroll 滚动条的样式
css 设置overflow:scroll 滚动条的样式
Vue 设置内容滚动并且隐藏滚动条
设置子视图超出父试图之后滚动overflow-x: scroll;设置滚动flex-direction: row;...
移动端浏览器和微信浏览器上禁止body的滚动条
一般禁止body滚动的做法就是设置overflow:hidden。但是很奇怪的发现在移动端浏览器和微信浏览器上这...
微信小程序开发遇到的问题（自用）
添加遮罩层，禁止下层滚动其中，设置catchtouchmove后，在开发工具上是测试不出来的，下层仍然滚动，但真...
picker组件开发问题记录
Q：移动端禁止弹出层背景滚动方案一： document.body.style.overflow = 'hidde...