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

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

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


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

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


madia ~ css


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

【热门文章】
【热门文章】