auf Bildlauf, Trigger-Ereignis zur gleichen Zeit beim Ausblenden der Bildlaufleiste und verstecken Überlauf

Ich versuche, eine ähnliche Website zu diesem http://www.grannyssecret.com (nur die Landing-Page).auf Bildlauf, Trigger-Ereignis zur gleichen Zeit beim Ausblenden der Bildlaufleiste und verstecken Überlauf

Wenn Sie dorthin gehen und nach oben scrollen, erscheint die versteckte Fußzeile glatt, und wenn Sie weiter herunterscrollen, geht die Fußzeile nach unten.

meine HTML-Datei kann die gleiche Sache nachahmen, wenn ich auf die Schaltfläche klicke, aber es funktioniert nicht, wenn ich versuche, die Fußzeile durch Scrollen mit dem Mausrad zu animieren.

das Problem ist, dass Scroll-Ereignis mehrere Male ausgelöst wird. auch, wenn Überlauf auf verstecktes Scrollen Ereignis nicht ausgelöst wird.

Irgendeine Idee, um dieses Problem zu umgehen?

Ich kann nicht jquery auf jsfiddle https://jsfiddle.net/vd6qgLL2/3/

Quelle

2016-05-12 Paul

Fragen Debugging Hilfe suchen müssen den kürzesten Code enthalten notwendig, es zu reproduzieren ** in der Frage selbst ** NB - ** Bitte nicht missbrauchen den Code. Blöcke, um diese Anforderung zu umgehen **. –

Wenn Sie sich die Site ansehen, wird jQuery verwendet, um eine Klasse zum Scrollen hinzuzufügen. Dann verwendet es CSS-Animation, um den Fußzeilenblock in die Ansicht zu schieben. mit 'transform: translate (0,100%);' zu 'transform: translate (0,0);' Es ist eine nette Art, es ohne Parallaxe zu machen – Andrew

Versuchen zu verwenden scheinen "wheel" Ereignis statt „blättern“ zu verwenden.

document.getElementsByTagName("body")[0].addEventListener("wheel", function() { 
//your code here 
});

Bitte geben Sie Ihre Überarbeitete Geige: https://jsfiddle.net/mp0a6Ln6/

Quelle

2016-05-12 11:35:07 rtrukhin

auf Bildlauf, Trigger-Ereignis zur gleichen Zeit beim Ausblenden der Bildlaufleiste und verstecken Überlauf

Antwort

Verwandte Themen