Javascript 垂直滚动动画'；跳跃'；在iOS上

我正在制作一个使用CSS3动画的游戏

我在iOS上注意到漫画标题的“跳跃”，我相信这是由于地址栏改变了一个用来计算标题位置的参数引起的

源代码可在以下位置获得：

---

如果我的假设正确的话。是否有一种精确的方法来偏移iOS地址栏，从而使这些值中的任何一个都不会跳跃（突然增加）？

我克隆了您的repo，并且能够在Firefox和Chrome中重现窗口调整时的抖动。经过几分钟的调试，我认为问题实际上出在index.js文件中

每次调整窗口大小时，您都会完全刷新enllax插件。这似乎没有必要

如果删除对enllax函数的多余调用，如下所示：

$(document).ready(function() {
// function enllax() {
    $('#start').enllax({
        type: 'foreground',
        ratio: 0.5,
        direction: 'vertical'
    });
//  $(window).scroll();
// };

    $('#begin').click(function() {
        $('html, body').animate({
            scrollTop: $("#panel1").offset().top
        }, 1000);
    });

//  enllax();

    // And trigger the scroll event on resize to deal with changes
    // in the responsive layout
    $(window).on('resize', $(window).trigger('scroll'));
});

---

有了这个更新，我安装的所有浏览器在调整大小时抖动都停止了。它仍然需要在iOS上测试，因为我没有任何苹果硬件来测试它，但我怀疑它也应该解决那里的问题。

不确定这是否有助于调试，但如果使用Edge中的page up和page down滚动，您也会遇到严重的跳跃问题。我猜可能是同一个问题。可能是视差代码中的错误。PgUp/Down在Chrome和OSX上的Safari上工作，但很高兴知道。我已经为这个项目提交了一份文件。谢谢。介意我得到你提交的问题的链接吗？现在在我的项目上提交：-一旦我发现问题所在，我会向父JS库添加一个拉请求。看起来这已经解决了。非常感谢。乐意帮忙：）