做了一个微信里的网页 app,左右滑动会移动,怎么设置才能禁止左右滑动呢?

2015-09-16 23:19:27 +08:00
 goofansu

在 head 里已经加上了

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

看了 stackoverflow ,上面说改成下面这样可以,但是我试了不行

<meta name="viewport" content="width=device-width, user-scalable=no">

另外一种方法是设置overflow-x: hidden,但是这样的话上下滚动时,会发现没有重力滚动的效果,就是只能滚动固定长度。

求同学们指教,谢谢

6022 次点击
所在节点    问与答
8 条回复
lxrmido
2015-09-16 23:31:13 +08:00
添加个 touchmove 的 listener ,左右移动的时候阻止;
或者干脆不要自带的 scroll 了,重写一套吧……
cxbig
2015-09-16 23:41:32 +08:00
content 加一个边框调试下,你定义了宽度等于设备宽度,但是要确保 content 没有空字符什么的在外面顶出去
crs0910
2015-09-17 00:03:57 +08:00
肯定是你页面有超 100%宽的元素。一个个删,排除法最简单。
Yinz
2015-09-17 01:05:58 +08:00
记得以前写小游戏的时候遇到过这个问题, UC 都没问题了微信浏览器还是我行我素地滚动
ljbha007
2015-09-17 01:08:15 +08:00
应该是容器大小的问题 尝试调试一下容器的大小
loveuqian
2015-09-17 01:18:35 +08:00
v2 的移动版有大图片的时候也会左右滑
goofansu
2015-09-17 07:03:25 +08:00
@ljbha007
@crs0910
@cxbig

好的,我试试,前端经验不足
goofansu
2015-09-17 07:04:45 +08:00
@lxrmido 谢谢,看了下面回复应该是自己网页的问题

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/221266

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX