2016-05-28 11 views
1

Ich brauche Benutzer blättern in der nächsten Art und Weise zu manipulieren:Wie man Benutzer Scroll manipulieren?

Scroll example

Wenn der Benutzer in einigen <section> er sich nur langsam bewegen kann, dann, wenn er ~ 80% des Abschnitts erreicht wird, automatisch nach oben scrollen von die nächste <section>

Ausführliche Erklärung: ich brauche das Scroll innerhalb eines Elements zu verlangsamen (in meinem Fall ist es <section>), und wenn der Blick auf die <section> mehr als 80% blättern zum Anfang des nächsten Abschnitts gescrollt wird.

Die Hauptfrage ist, wie man die Rolle verlangsamen kann. Wie man zum nächsten Abschnitt blättert, nachdem 80% des Stroms weniger wichtig sind.

+0

Sie blättern mean nach scroll down Menge Pixel nach oben? – aghilpro

+0

@aghilpro Nr. Ich habe meine Frage jetzt detaillierter erklärt. –

Antwort

1

Mit jQuery können Sie nach oben/unten oder zu einem Element blättern.

kann man sagen:

if ($(this).scrollTop() > 100) 
{ 
    // do some thing 
} 

I Höhe Prozent wie dies auch berechnen:

var h = (($("#one").height())*80/100); 

Siehe jsfiddle: https://jsfiddle.net/q36fLcaa/

+0

Vielen Dank dafür, aber wie Sie die Scroll-Geschwindigkeit verlangsamen und es für Browser, die sofort eine bestimmte Anzahl von Pixeln (z. B. Chrome unter Windows) scrollt. –

+0

@Demid Ganenko Ich fand: http://stackoverflow.com/questions/7408100/can-i-change-the-scroll-speed-using-css-or-jquery für verlangsamen Scroll-Geschwindigkeit und jsfiddle: http://jsfiddle.net/promatik/NFk2L/ Sehen Sie, das ist für Sie Arbeit. – aghilpro

+0

fand es auch. Aber nach einiger Suche verwendet es https://github.com/inuyaksa/jquery.nicescroll –