Weiße Flecken erscheinen im Bild, und die Website scrollt nicht auf ihre volle Länge, skollr js mobile Parallax Ausgabe

Question

Alle unten aufgeführten Probleme sind während des Zugriffs über Handy.

Ich habe skrollr js für einen meiner Kunden verwendet. Es gibt insgesamt 4 Parallaxabschnitte. Die ersten zwei Bilder funktionieren perfekt, aber die dritte ist wenig leer und die letzte ist fast halb leer (weiße Flecken).

Zusammen mit diesem Problem scrollt die Website nicht zu ihrer vollen Länge.

Um mehr zu erarbeiten:

img1: die weißen Flecken sichtbar. und es ist nicht konstant, manchmal das gesamte Bild erscheint, manchmal ist es nicht

img2: Die Website nicht unter dem gezeigten Abschnitt gescrollt werden.

Die Javascript, die ich verwende ist:

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; 

    },  
    }); 

Answer 1

Nachdem ich viel gesucht habe, habe ich einen Link gefunden, der mir nahe brachte, was ich vermisste.

Scrolling height bug using skrollr.js on safari ios7

Der obige Link half, um herauszufinden, dass ich meine skrollr Initialisierungscode innen schreiben sollte:

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

Statt

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

Dies löste meine sowohl die Fragen.

Vielen Dank.

Answer 2

Ich bin nicht sicher, ob dies Ihr Problem beheben wird oder nicht, aber die Entwickler-Tools sind mir zu sagen, einen Fehler mit Ihrem Meta-Ansichtsfenster hat.

Sie sollten Kommas verwenden, nicht Semikolons;

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