天天看點

scrollIntoView()的用法

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

調用方法為 element.scrollIntoView() 參數預設為true。

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

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

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

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

scrollIntoView()的用法

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

scrollIntoView()的用法

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

如下應用

scrollIntoView()的用法

---------------------

作者:何處青山

來源:CSDN

原文:https://blog.csdn.net/hyl94/article/details/77472154

版權聲明:本文為部落客原創文章,轉載請附上博文連結!