1000字范文,内容丰富有趣,学习的好帮手!
1000字范文 > 移动端设置了overflow:hidden页面还会滚动的禁止方法

移动端设置了overflow:hidden页面还会滚动的禁止方法

时间:2021-11-29 15:55:21

相关推荐

移动端设置了overflow:hidden页面还会滚动的禁止方法

web前端|css教程

overflow,hidden,页面

web前端-css教程

今天在工作中碰到了一个很尴尬的问题,下面这篇文章主要给大家介绍了关于移动端设置了overflow:hidden,但页面依然还会滚动的禁止方法,文中通过示例代码介绍的非常详细,需要的朋友们可以参考借鉴,下面来一起看看吧。

购物车订单系统 php 源码,ubuntu 下安装c,R语言分页爬虫,php将两张表联系起来,seo算法技巧lzw

前言

简历交换平台源码,vscode 第一次tab,ubuntu 监控jar,tomcat部署地址已在使用,爬虫淘宝王,php解析请求url参数,长沙seo网站推广怎么做lzw

本文主要给大家介绍了关于在移动端设置了overflow:hidden页面还会滚动的禁止方法,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧。

手机端游戏源码,手提 ubuntu 慢,tomcat栈内存不足,爬虫numpy函数,php中数组是对象吗,商丘整站seo优化要多少钱lzw

如果把overflow:hidden用在 body 标签,移动端浏览器依然能滚动,因为移动端是基于touch事件,解决方法有两个。

方法一:

将要隐藏滚动的内容加上一个包裹层p,然后给这个p设置高度为window.height(),并且overflow:hidden就可以解决你的问题。

方法二:

给 body 添加position:fixed;示例:

body { overflow:hidden; position:fixed; left:0; top:0;}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。