使用iScroll的锚链接在stellar.js视差中不起作用

Question

我已按照以下链接发布的教程在网站上实现了视差，该教程使用stellar.js和iScroll移动： http : iScroll

一切看起来不错，视差也可以，但是问题在于页面中的外部链接无法在iPad和移动设备上打开。 我使用的是iScroll 4，因此我升级到了iScroll 5，并相应地调整了对iScroll 5的初始化调用。 现在这些设备中的链接也打开了，但是性能却异常缓慢。 有什么方法可以在使用iScroll 4时打开外部链接，或者在仍使用iScroll 5时提高性能？

Answer 1

显然，iScroll具有一些单击包装器内任何元素的事件处理程序。 因此，我在onBeforeScrollStart参数中添加了代码，以忽略对所有锚标记以及选择，输入和文本区域的onBeforeScrollStart 。

为了做到这一点，更换了iScrollInstance = new iScroll('wrapper'); 使用以下代码：

iScrollInstance = new iScroll('wrapper', {
                    handleClick: true,
                    onBeforeScrollStart: function (e) {
                        var target = e.target;
                        if (target.tagName != 'A' && target.tagName != 'SELECT' && target.tagName != 'INPUT' && target.tagName != 'TEXTAREA')
                                e.preventDefault();
                    }
                });