白色補丁出現在圖像中，網站不滾動到其全長，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移動視差問題

回答

相關問題