Heim > Web-Frontend > js-Tutorial > So ermitteln Sie, ob ein Element in JQuery über Bildlaufleisten verfügt

So ermitteln Sie, ob ein Element in JQuery über Bildlaufleisten verfügt

coldplay.xixi
Freigeben: 2021-01-25 15:34:09
Original
3051 Leute haben es durchsucht

Beurteilungsmethode: Verwenden Sie zuerst die Anweisung „$(“body“).scrollTop(10)“, um das Scrollen der Bildlaufleiste zu steuern, und verwenden Sie dann die Anweisung „if( $(“body“).scrollTop()>0) " Anweisung zum Bestimmen der Bildlaufleiste Gibt an, ob ein Versatz vorhanden ist. Wenn ein Versatz vorhanden ist, ist die Bildlaufleiste vorhanden. Im Gegenteil, ohne Bildlauf ist sie nicht vorhanden.

So ermitteln Sie, ob ein Element in JQuery über Bildlaufleisten verfügt

Die Betriebsumgebung dieses Tutorials: Windows7-System, JQuery3.2.1-Version, Dell G3-Computer.

So bestimmt JQuery, ob ein Element eine Bildlaufleiste hat:

Verwenden Sie jQuery, um das Scrollen der Bildlaufleiste zu steuern, und bestimmen Sie dann, ob die Bildlaufleiste versetzt ist. Wenn dies der Fall ist, ist die Bildlaufleiste vorhanden, andernfalls ist sie ohne Bildlauf nicht vorhanden.

<script type="text/javascript">
$(function(){
  $("body").scrollTop(10);//控制滚动条下移10px
  if( $("body").scrollTop()>0 ){
    alert("有滚动条");
  }else{
    alert("没有滚动条");
  }
  $("body").scrollTop(0);//滚动条返回顶部
});
</script>
Nach dem Login kopieren

Verwandte Lernempfehlungen: Javascript-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo ermitteln Sie, ob ein Element in JQuery über Bildlaufleisten verfügt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage