goofansu
V2EX  ›  问与答

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

  •  
  •   goofansu · Sep 16, 2015 · 6424 views
    This topic created in 3917 days ago, the information mentioned may be changed or developed.

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

    好的,我试试,前端经验不足
    goofansu
        8
    goofansu  
    OP
       Sep 17, 2015 via iPhone
    @lxrmido 谢谢,看了下面回复应该是自己网页的问题
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   3818 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 349ms · UTC 10:24 · PVG 18:24 · LAX 03:24 · JFK 06:24
    ♥ Do have faith in what you're doing.