知識點--- scrollIntoView()的用法


一.介紹

Element.scrollIntoView() 方法讓當前的元素滾動到瀏覽器窗口的可視區域內。

  1.  
    調用方法為 element.scrollIntoView() 參數默認為 true。
  2.  
    參數為 true時調用該函數,頁面(或容器)發生滾動,使element的頂部與視圖(容器)頂部對齊;
  3.  
    參數為 false時,使element的底部與視圖(容器)底部對齊。
  4.  
     
  5.  
    TIPS:頁面(容器)可滾動時才有用!

二.兼容性

三.使用

  1.  
    <p id= "pToShow">The para to show</p>
  2.  
     
  3.  
    document.getElementById( "pToShow").scrollIntoView();(document.getElementById("pToShow").scrollIntoView(true);) 滾動到頂部
  4.  
    document.getElementById( "pToShow").scrollIntoView(false);滾動到底部

 例如移動端引用:


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM