iscroll的进阶问题

Posted 2020-09-26 User猿

关于iscroll的进阶问题

刚开始使用Iscroll的时候会遇到好多问题，其实大部分都是缺少配置参数。这些配置参数可以解决好多问题。

但是有一种的是关于页面加载的。

比如说 刚打开页面的时候 你的页面可以正常进行滑动

 当你的页面再次刷新 或者跳转的时候 并不能滑动。

所以 你需要 让他页面加载完毕的时候  在此执行那段js代码。

    var myScroll;
    function loaded() {
        setTimeout(function () {
            myScroll = new IScroll(‘.iscroll‘,{
                click:true,
                preventDefault:false,
                preventDefaultException: { tagName: /^(INPUT|TEXTAREA|BUTTON|SELECT|A)$/ },
                scrollWheel:true,
            });
        }, 100);
    }
    window.addEventListener(‘load‘, loaded, false);

preventDefault:false,   浏览器默认阻止问题

window.addEventListener(‘load‘, loaded, false);

页面再次加载。  即可执行iscroll 滑动。


同样iscroll 也会阻止a标签的点击。

click:true,   解决a标签的点击问题。

preventDefaultException: { tagName: /^(INPUT|TEXTAREA|BUTTON|SELECT|A)$/ },

 同样也是解决a标签的点击问题。

目前大概就这些， 还有的以后会补充。