Was ist in JavaScript der Zweck eines Onscroll-Ereignisses?-HTML-Tutorial-php.cn

Was ist in JavaScript der Zweck eines Onscroll-Ereignisses?

PHPz

Freigeben： 2023-08-29 14:09:02

nach vorne

1320 Leute haben es durchsucht

Was ist in JavaScript der Zweck eines Onscroll-Ereignisses?

Wenn die Bildlaufleiste des Elements gescrollt wird, wird das Onscroll-Ereignis ausgelöst. Sie können versuchen, den folgenden Code auszuführen, um zu erfahren, wie Sie das onscroll-Ereignis in JavaScript implementieren.

Beispiel

<!DOCTYPE html>
<html>
   <head>
      <style>
         div {
            border: 2px solid blue;
            width: 300px;
            height: 100px;
            overflow: scroll;
         }
      </style>
   </head>
   
   <body>
      <div id="content">
         This is demo text. This is demo text.This is demo text.This is demo text.
         This is demo text.This is demo text.This is demo text.This is demo text.
         This is demo text.This is demo text.This is demo text.
         This is demo text.This is demo text.This is demo text.
         This is demo text.This is demo text.This is demo text.
      </div>
      <p id = "myScroll"> </p>
      <script>
         document.getElementById("content").onscroll = function() {myFunction()};
         function myFunction() {
            document.getElementById("myScroll").innerHTML = "Scroll successfull!.";
         }
      </script>
   </body>
</html>

Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonWas ist in JavaScript der Zweck eines Onscroll-Ereignisses?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!