V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
LucasW

微信内置浏览器如何禁止上下拖动?

  •  
  •   LucasW ·
    Lucassssss · Jan 26, 2015 · 4833 views
    This topic created in 4113 days ago, the information mentioned may be changed or developed.
    http://img.ly/system/uploads/008/842/140/large_IMG_1619.PNG

    http://i-store.qiniudn.com/opkOdzNrcYPWIqiTxCUh.PNG

    如图,

    之前一直以为微信内置的浏览器是没有办法关闭上下拖动的,自从见了他自家的广告之后发现可以固定,研究了半天没发现是怎么搞定的

    http://p.weixin.qq.com/promotion/res/wechat/index.html

    上面这个是他自家的那个“广告,也可以是生活的一部分”的链接,大家可以用微信扫下

    另外我的图片是怎么回事?
    9 replies    2016-12-09 04:41:11 +08:00
    zkd8907
        1
    zkd8907  
       Jan 26, 2015
    document.ontouchmove = function(e){ e.preventDefault(); }
    LucasW
        2
    LucasW  
    OP
       Jan 26, 2015
    @zkd8907 Thanks 可以了
    wzxjohn
        3
    wzxjohn  
       Jan 26, 2015 via iPhone
    document.ontouchmove = function(event){
    event.preventDefault();
    }
    善用查看源代码和搜索。。。
    同时遗憾的告诉你,这个方法不适合你的情况。。。因为这么做会屏蔽正常的滚动。。。
    armysheng
        4
    armysheng  
       Jan 26, 2015
    sf
    LucasW
        5
    LucasW  
    OP
       Jan 26, 2015
    @wzxjohn 意思是会禁止页面中整个滚动事件么,类似Webapp有其他的解决方案没撒
    wzxjohn
        6
    wzxjohn  
       Jan 26, 2015 via iPhone
    @LucasW 是的,没有。除非你某个页面绝对一屏能显示完,否则不要尝试。
    crysislinux
        7
    crysislinux  
       Jan 26, 2015
    把body的高度控制在100%,其他的东西overflow:hidden掉,内部的内容通过overflow:scroll来增加滚动条,如果你想要好看的滚动条,可以试试某些js库
    ETiV
        8
    ETiV  
       Jan 26, 2015 via iPhone
    加了滚动相关的js库,滚动起来简直没法忍……
    v2ques2016
        9
    v2ques2016  
       Dec 9, 2016
    mark 一下
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   3217 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 61ms · UTC 00:08 · PVG 08:08 · LAX 17:08 · JFK 20:08
    ♥ Do have faith in what you're doing.