白色补丁出现在图像中，网站不滚动到其全长，skrollr js移动视差问题

以下所有问题都是在通过手机访问时发生的。白色补丁出现在图像中，网站不滚动到其全长，skrollr js移动视差问题

我为我的客户之一使用了skrollr js。共有4个视差部分。前两幅图像完美地工作，但第三幅图像很小，最后一幅几乎是半空白（白色斑块）。

随着这个问题，网站不滚动到其全长。

更详细地说明：

IMG1：白色补丁可见。它不是恒定的，有时会出现完整的图像，有时它不

IMG2：网站无法所示部分的下方滚动。

JavaScript的，我现在用的就是：

var s = skrollr.init({ 
    edgeStrategy: 'set', 
    smoothScrolling: false, 
    mobileDeceleration: 0.004, 
    forceHeight: false 

    }); 

    skrollr.menu.init(s, { 
    change: function(hash, top) { 
    console.log(hash, top); 
    }, 
    updateUrl: false, 
    animate: true, 
    easing: 'sqrt', 
    duration: function(currentTop, targetTop) { 
     return 500; 

    },  
    });

来源

2016-07-22 Zee

不幸的是，问题基本上只是外部网站的链接，而不是主题。相关的原因如下：“寻求调试帮助的问题（”为什么这个代码不工作？“）必须包含所需的行为，特定的问题或错误以及在问题本身中重现**的最短代码** ”。 – halfer

谢谢你指出这一点。我发布了更多关于我面临的问题的详细信息。 – Zee

没问题。你的链接是“未找到的页面” - 你希望读者看到这个问题？ – halfer

搜索了很多后，我发现一个链接，让我接近我失踪。

Scrolling height bug using skrollr.js on safari ios7

上面的链接有助于弄清楚，我应该写里面我skrollr初始化代码：

$(window).load(function() { });

而不是

$(document).ready(function() { });

这解决了我两个问题。

谢谢。

来源

2016-07-25 07:02:32 Zee

我不知道这是否会解决您的问题或没有，但开发者工具告诉我，你有你的中继检视错误。

你应该使用逗号而不是分号;

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

来源

2016-07-22 19:50:09 NosNits

我看到你解决了你的问题。像我建议的那样，视口有问题吗？ – NosNits

您好，我对视口进行了更改。 btw的问题尚未解决。有时它会显示一个完整的页面。有时它不会，就像在iPad上它现在显示的整个页面一直到现在都不是。无法查明确切原因。 – Zee

白色补丁出现在图像中，网站不滚动到其全长，skrollr js移动视差问题

回答

相关问题