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

Question

我按照以下链接上发布的教程在网站上实现了视差，该教程使用 stellar.js 和 iScroll 移动设备:http://markdalgleish.com/2012/10/mobile-parallax-with-stellar-js/

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

Answer 1

显然 iScroll 在单击包装器内的任何元素时有一些事件处理程序。因此，我在 onBeforeScrollStart 参数中添加了代码，以忽略对任何 anchor 标记以及 select、input 和 textarea 的点击。

为此，将 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();
                    }
                });