时间:2021-05-08
前言
本文主要给大家介绍了关于在移动端设置了overflow:hidden页面还会滚动的禁止方法,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧。
如果把 overflow:hidden 用在 body 标签,移动端浏览器依然能滚动,因为移动端是基于touch事件,解决方法有两个。
方法一:
将要隐藏滚动的内容加上一个包裹层div,然后给这个div设置高度为window.height() ,并且 overflow:hidden 就可以解决你的问题。
方法二:
给 body 添加 position:fixed; 示例:
总结
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对的支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
当弹出一个jq提示窗口的时候,一般窗口右边还会有进度条的情况,禁止进度条方法禁止浏览器滚动条滚动:$('body').css({ "overflow-x":"
body里面加css代码:body{overflow:scroll;overflow-x:hidden;} 这个是y轴有滚动条,x轴没有。如果是都要滚动条
在IE下文本框textarea会显示滚动条(如下:)去掉textarea横向或纵向滚动条办法:可以通过overflow-x:hidden和overflow-y:
向左无缝滚动body,html,div,a{margin:0;padding:0}#demo{background:#FFF;overflow:hidden;b
保证浏览者能看清楚文字,然后继续上下滚动。文本滚动#infozone{font-size:12px;color:#aa6;overflow:hidden;wid