HTML | DOM 滚动事件

HTML DOM onscroll 事件在使用滚动条时发生。 CSS 溢出用于创建滚动条。
支持的标签

• <地址>
• , <块引用>
• , <正文>
• , <标题>
• , <中心>
• ,
• , <目录>
• ,
• ,

• ,
• , <字段集>
• , <表单>
• ,

  到

• ,
• ,
• , <菜单>
• , <对象>
• ,
  1. ,

  2. ,

  3. , <选择>
  4. ,
  5. , <文本区域>
  6. ,
  7. ,
  8. ,

     句法：

     • 在 HTML 中：
     • 在 JavaScript 中：

     object.onscroll = function(){myScript};

     • 在 JavaScript 中，使用 addEventListener() 方法：

     object.addEventListener("scroll", myScript);

     示例：使用 addEventListener() 方法

     html

      
     
         
             HTML DOM onscroll Event
         
     
      
     
         
             
               GeeksforGeeks
           
             HTML DOM onscroll Event
                         HTML stands for Hyper Text Markup Language.
               It is used to design web pages using markup language.
               HTML is the combination of Hypertext and Markup language.
               Hypertext defines the link between the web pages.
               Markup language is used to define the text document
               within tag which defines the structure of web pages.
               HTML is a markup language which is used by the browser
               to manipulate text, images and other content to
               display it in required format.
             
      
             
      
         
         
             document.getElementById(
               "tID").addEventListener("scroll", GFGfun);
      
             function GFGfun() {
                 document.getElementById(
                   "try").innerHTML = "Textarea scrolled.";
             }
         
      
     
      

     输出：

     

     支持的浏览器： HTML DOM onscroll 事件支持的浏览器如下：

     • 谷歌浏览器
     • IE浏览器
     • 火狐
     • 苹果Safari
     • 歌剧