scrollIntoView()的用法


 scrollIntoView是一個與頁面(容器)滾動相關的API(官方解釋),該API只有boolean類型的參數能得到良好的支持(firefox 36+都支持),所以在這里只討論參數Boolean類型的情況。

調用方法為 element.scrollIntoView() 參數默認為true。

參數為true時調用該函數,頁面(或容器)發生滾動,使element的頂部與視圖(容器)頂部對齊;

參數為false時,使element的底部與視圖(容器)底部對齊。

TIPS:頁面(容器)可滾動時才有用!

1、document.getElementById("view").scrollIntoView();

 

2、document.getElementById("view").scrollIntoView(false);

scrollIntoView可以說是URL中hash標記的進化,那么它在什么時候用到呢?想想hash(也就是#xxx)的作用吧!

如下應用

 

 

---------------------
作者:何處青山
來源:CSDN
原文:https://blog.csdn.net/hyl94/article/details/77472154
版權聲明:本文為博主原創文章,轉載請附上博文鏈接!


免責聲明!

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



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