手机浏览器上,给body增加overflow:hidden;width:100%;height:100% 无效的问题
2017-03-13 13:08
204 查看
在手机浏览器上,给body增加overflow:hidden;width:100%;height:100% 无效的问题。在网上找了几种解决办法
1、body加position:fixed; —-可行
2、给要滚动的元素添加一个父级,设定高度,overflow:auto;
3、html,body{height:100%;overflow:hidden}
1、body加position:fixed; —-可行
2、给要滚动的元素添加一个父级,设定高度,overflow:auto;
3、html,body{height:100%;overflow:hidden}
相关文章推荐
- web前段设计之痛:手机浏览器和pc浏览器的width:100%的自适应问题
- web前段设计之痛:手机浏览器和pc浏览器的width:100%的自适应问题
- web前段设计之痛:手机浏览器和pc浏览器的width:100%的自适应问题 .
- 手机浏览器和pc浏览器的width:100%的自适应问题
- js获取浏览器基本信息:document.body.clientWidth/clientHeight/scrollWidth
- 解决document.body.clientWidth 或 document.body.clientHeight 为0的问题
- 解决html设置height:100%无效的问题
- body中设置-webkit-scrollbar竖向滚动条,在手机浏览器上无效
- IE 6下overflow:hidden无效的问题
- IE6、7下 body{overflow:hidden}失效的问题
- JSP页面 height=100% 无效问题
- 在移动端,body:overflow 无效的问题
- IE下 设置body{overflow:hidden;}失效 问题解决
- iframe height 100% 无效问题解决(转)
- js获取浏览器基本信息:document.body.clientWidth/clientHeight/scrollWidth/scrollTop。
- js获取浏览器基本信息:document.body.clientWidth/clientHeight/scrollWidth/scrollTop。
- position:absolute与overflow:hidden,解决子元素设置position:absolute后父元素 overflow:hidden无效的问题
- html body width height 100%使用
- js获取浏览器基本信息:document.body.clientWidth/clientHeight/scrollWidth/scrollTop。(转)
- 设置inline-block元素的overflow:hidden意外增加元素总体高度的问题