iscroll.js 无法滚动问题

2,085 阅读1分钟

无法滚动的可能之一是触发了操作元素区域,设置touch-action来禁用,这个属性要加在容器上。

  <head>
    ...
    <script type="text/javascript" src="iscroll.js"></script>
    <script type="text/javascript">
    var myScroll;
    function loaded() {
        myScroll = new IScroll('#wrapper');
    }
    </script>
    <style>
    #wrapper {
        overflow: hidden;
        touch-action: none;
    }
    <style>
    </head>
    ...
    <body onload="loaded()">
    <div id="wrapper">
        <ul>
            <li>...</li>
            <li>...</li>
            ...
        </ul>
    </div>
    </body>
    

其他问题可参考官网 iiunknown.gitbooks.io/iscroll-5-a…

CSS属性 touch-action 用于设置触摸屏用户如何操纵元素的区域(例如,浏览器内置的缩放功能)。

/* Keyword values */
touch-action: auto;
touch-action: none;
touch-action: pan-x;
touch-action: pan-left;
touch-action: pan-right;
touch-action: pan-y;
touch-action: pan-up;
touch-action: pan-down;
touch-action: pinch-zoom;
touch-action: manipulation;

/* Global values */
touch-action: inherit;
touch-action: initial;
touch-action: unset;

developer.mozilla.org/zh-CN/docs/…