goofansu
V2EX  ›  问与答

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

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

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