使用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();
                    }
                });