V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
goofansu
V2EX  ›  问与答

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

  •  
  •   goofansu · 2015-09-16 23:19:27 +08:00 · 6001 次点击
    这是一个创建于 3347 天前的主题,其中的信息可能已经有所发展或是发生改变。

    在 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,但是这样的话上下滚动时,会发现没有重力滚动的效果,就是只能滚动固定长度。

    求同学们指教,谢谢

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

    好的,我试试,前端经验不足
    goofansu
        8
    goofansu  
    OP
       2015-09-17 07:04:45 +08:00 via iPhone
    @lxrmido 谢谢,看了下面回复应该是自己网页的问题
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1008 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 21:51 · PVG 05:51 · LAX 13:51 · JFK 16:51
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.