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

图片描述

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

阅读 7.8k
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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题