【问题标题】:anchor links not working in stellar.js parallax using iScroll使用 iScroll 在 stellar.js 视差中锚链接不起作用
【发布时间】:2015-04-08 15:13:57
【问题描述】:

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

一切看起来都很好,视差也可以,但问题是页面中的外部链接无法在 iPad 和移动设备上打开。我使用的是 iScroll 4,所以我升级到 iScroll 5 并相应地调整了对 iScroll 5 的初始化调用。现在这些设备中的链接也打开了,但性能慢得令人难以忍受。有什么办法可以在使用 iScroll 4 时打开外部链接,或者在使用 iScroll 5 时提高性能?

【问题讨论】:

    标签: javascript jquery iscroll stellar.js


    【解决方案1】:

    显然 iScroll 在单击包装器内的任何元素时都有一些事件处理程序。所以我在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();
                        }
                    });
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2016-04-27
      • 1970-01-01
      • 2019-01-24
      • 1970-01-01
      • 1970-01-01
      • 2018-04-26
      • 1970-01-01
      相关资源
      最近更新 更多