Heim >Web-Frontend >js-Tutorial >jquery scroll()-Methode zur Unterscheidung horizontaler und vertikaler Bildlaufleisten_jquery

jquery scroll()-Methode zur Unterscheidung horizontaler und vertikaler Bildlaufleisten_jquery

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOriginal
2016-05-16 16:53:381915Durchsuche

Im scroll()-Ereignis von jquery möchte ich feststellen, ob die aktuelle Bildlaufleiste horizontal oder vertikal ist.
Ich habe begonnen, globale Variablen aufzuzeichnen, um den Wert von scrollTop zu beurteilen ​​​​Ändern Sie sich nicht, es bedeutet horizontales Scrollen.
Wenn jedoch mehrere Bildlaufleisten auf der Seite vorhanden sind, sind mehrere globale Variablen erforderlich, um diese zu steuern.
scroll jquery unterscheidet zwischen horizontalen und vertikalen Bildlaufleisten

Lösung:
Legen Sie einfach jeweils einmal scrollLeft/scrollTop des ausgewählten Objekts fest und binden Sie dann das Scroll-Ereignis. Wenn es ausgelöst wird, rufen Sie scrollLeft/scrollTop ab und vergleichen Sie es mit dem initialisierten scrollLeft/scrollTop, um es zu bestimmen ob horizontal oder vertikal. Aktualisieren Sie gleichzeitig scrollLeft/scrollTop des Objektspeichers

Code kopieren Der Code lautet wie folgt:


111111111111111111
1111111111111111111111111111111111111 11111111111
1111111111111111111
111111111111111111

11111111111111111
111111111111111111
111111111111111111
11111111111111 111111111111111111 111111
111111111111111111
1111111111111111
111111111111111111
11111111111 11111111
1111111111111111111


<script><BR>$('div').each(function(){$(this).data('slt',{sl:this.scrollLeft,st:this.scrollTop});} ).scroll(function(){<BR> var sl=this.scrollLeft,st=this.scrollTop,d=$(this).data('slt');<BR> if(sl!=d.sl) alarm('horizontal scroll');<BR> if(st!=d.st)alert('vertical scroll');<BR> $(this).data('slt',{sl:sl,st:st });///<BR>})<BR></script>

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn