移动端打开页面左右滑动的时候超出网页的部分会显示出来,截图如下?

发布于 2022-09-01 20:57:12 字数 162 浏览 11 评论 0

图片描述

本来是根据导航切换页面的,可是左右滑动的时候会显示出来导航的页面。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

吹泡泡o 2022-09-08 20:57:12

页面网址是http://www.julaidian.com/test-index/home/,我模仿国外的一个网站做的,pc端是正常的,因为想做成响应式的,移动端就没有另外设计。之前试过将超出的部分隐藏display:none但是会影响之前的动画效果。overflow hidden也试过没有用,在chrome手机浏览器显示时正常的,uc和自带的浏览器就会出现这个问题,我想用ontouchmove一些事件处理,如果能将左右滑动禁用也行,但是没有相应的方法。

另一个列子,在移动端查看http://www.julaidian.com/test-index/demo/想要的效果差不多,所以之前的那个页面可能是页面结构的问题,或者js设置css属性除了问题。

不语却知心 2022-09-08 20:57:12

那就做成响应式的,加上meta:viewport

日久见人心 2022-09-08 20:57:12

madia ~ css

冬天旳寂寞 2022-09-08 20:57:12

给body或者其他父容器加上overflow:hidden

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文