移动端打开页面左右滑动的时候超出网页的部分会显示出来,截图如下?
本来是根据导航切换页面的,可是左右滑动的时候会显示出来导航的页面。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
本来是根据导航切换页面的,可是左右滑动的时候会显示出来导航的页面。
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
接受
或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
发布评论
评论(4)
页面网址是http://www.julaidian.com/test-index/home/,我模仿国外的一个网站做的,pc端是正常的,因为想做成响应式的,移动端就没有另外设计。之前试过将超出的部分隐藏display:none但是会影响之前的动画效果。overflow hidden也试过没有用,在chrome手机浏览器显示时正常的,uc和自带的浏览器就会出现这个问题,我想用ontouchmove一些事件处理,如果能将左右滑动禁用也行,但是没有相应的方法。
另一个列子,在移动端查看http://www.julaidian.com/test-index/demo/想要的效果差不多,所以之前的那个页面可能是页面结构的问题,或者js设置css属性除了问题。
那就做成响应式的,加上meta:viewport
madia ~ css
给body或者其他父容器加上overflow:hidden