Heim  >  Artikel  >  Web-Frontend  >  Zusammenfassung verschiedener JS/JQ-Methoden zur Erzielung des Div-Scrollbar-Effekts

Zusammenfassung verschiedener JS/JQ-Methoden zur Erzielung des Div-Scrollbar-Effekts

黄舟
黄舟Original
2017-06-01 17:14:003937Durchsuche

Die sogenannte DIV-Bildlaufleiste besteht darin, das DIV-Tag zu verwenden, das CSS-Stylesheet darin einzubetten und den Überlaufattributwert hinzuzufügen. Auf diese Weise erreicht der Inhalt in dem durch das Div regulierten Bereich ein bestimmtes Niveau. Die Bildlaufleiste wird sich als nützlich erweisen. jQuery Es gibt viele Konzepte im Zusammenhang mit der Bildlaufleiste, aber es gibt drei Eigenschaften im Zusammenhang mit dem Ziehen der Bildlaufleiste, nämlich scrollTop, scrollLeft und scrollHeight. Unter diesen ist das scrollHeight-Attribut aufgrund seiner Anwendungsfähigkeiten im Internet kaum zu finden, und ich muss es nur verwenden, deshalb werden wir heute die div-Bildlaufleiste für Sie zusammenfassen!

JS/JQ implementiert den div-Bildlaufleisteneffekt:

1.jQuery implementiert das Scrollen der Bildlaufleiste im div to Methode zum Angeben der Position

Zusammenfassung verschiedener JS/JQ-Methoden zur Erzielung des Div-Scrollbar-Effekts

Das Beispiel in diesem Artikel beschreibt die jQuery-Methode zum Rollen der Bildlaufleiste in p an die angegebene Position einfacher und klarer Beispielcode. Obwohl der Fall relativ einfach ist, können Sie, sobald Sie den Code dieses Artikels gelernt haben, Schlussfolgerungen ziehen und Ihr Wissen festigen!

2. So steuern Sie mit js die Bildlaufleiste eines Divs, sodass es automatisch nach unten scrollt, wenn der Inhalt aktualisiert wird

In diesem Artikel wird ausführlich beschrieben, wie Sie die Bildlaufleiste eines JS-Steuerelements verwenden, um beim Aktualisieren des Inhalts automatisch nach unten zu scrollen. Es ist auch ein guter Referenzfall für diejenigen, die JS lernen.

3. Eine in JQuery geschriebene Methode, um festzustellen, ob die Div-Bildlaufleiste den unteren Rand erreicht hat [Empfohlen]

Zusammenfassung verschiedener JS/JQ-Methoden zur Erzielung des Div-Scrollbar-Effekts

Es gibt viele Konzepte im Zusammenhang mit Bildlaufleisten in jQuery, aber es gibt drei Eigenschaften im Zusammenhang mit dem Ziehen von Bildlaufleisten, nämlich scrollTop, scrollLeft und scrollHeight. Unter ihnen gibt es fast keine Anwendungskenntnisse für die scrollHeight-Eigenschaft im Internet, und ich muss sie einfach verwenden.

JS/JQ legt die Position der Div-Bildlaufleiste fest:

1.js Legt die zufällige Position von fest die DIV-Bildlaufleiste Tipps_javascript-Tipps

Zusammenfassung verschiedener JS/JQ-Methoden zur Erzielung des Div-Scrollbar-Effekts

Gerade hat mir ein Freund gesagt, dass sein Blog zu viele benutzerfreundliche Links hat, also hat er alle Links in ein DIV und fügte hinzu, ich habe eine Bildlaufleiste erstellt, aber er wollte nicht jedes Mal, wenn andere darauf schauten, nur die ersten paar Links sehen, also fragte er mich, ob es eine Möglichkeit gäbe, und mir fiel eine ein, haha, das ist einfach passiert um eine Möglichkeit zu sein

2. JavaScript korrigiert die DIV-Höhe und fügt dem überschrittenen Teil automatisch Bildlaufleisten hinzu

Dieser Artikel verwendet hauptsächlich die Form eines Beispielcodes zur Detaillierung der festen DIV-Höhe von JavaScript werden automatisch zu den überschüssigen Teilen hinzugefügt. Der Inhalt des Artikels ist für viele Programmierer hilfreich, Sie können darauf zurückgreifen.

Fragen und Antworten zur Div-Bildlaufleiste:

1.javascript – Nach dem Deaktivieren des Touchmove-Ereignisses des Körpers , das div im Inneren Wie steuere ich die Bildlaufleiste?

2. Probleme mit schwebenden Div-Bildlaufleisten.

[Empfehlung für verwandte Artikel] :

1. Farbeinstellung der Div-Bildlaufleiste und Zusammenfassung einiger Probleme

2. Div-Zentrierung: die umfassendste Zusammenfassung der Div-Zentrierungsmethoden

3. CSS-Zentrierung: die umfassendste Zusammenfassung der CSS-Zentrierungsmethoden

Zusammenfassung der Leerzeichen und Leerzeichenentitäten in 4.html

Das obige ist der detaillierte Inhalt vonZusammenfassung verschiedener JS/JQ-Methoden zur Erzielung des Div-Scrollbar-Effekts. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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