實現頁面開啟後滾動到最底端的效果

2022-09-16 18:06:19 字數 622 閱讀 5163

實現頁面開啟後滾動到最底端的效果

滾動頁面的方法有scroll、scrollby和scrollto,三個方法都帶兩個引數:x(x軸上的偏移量)和y(y軸上的偏移量)。因為是要滾動到頁面底部,所以引數x為0,y為頁面的滾動高度。另外,頁面的滾動高度必須在網頁載入完成後才能獲取到,所以觸發事件用onload。

具體步驟:

方法一:用scroll方法實現。

方法二:用scrollby方法實現。

方法三:用scrollto方法實現。

注意:因為頁面載入完後預設滾動在最頂端,所以在本例中用scroll、scrollby和scrollto方法的效果一樣,然而它們之間其實是有區別的。

特別提示

本例三種方法的**執行後,在頁面載入完成後將自動滾動到頁面最底端,效果如圖1.7.3所示。

圖1.7.3 載入完成後自動滾動到頁面底端的效果

特別說明

告訴讀者通過該問題的解決過程,需要掌握什麼內容或技巧,你能夠學到什麼,以及其他相關的知識點。

scroll 將視窗滾動到自左上角起指定的 x 和 y 偏移量。

scrollby 將視窗滾動 x 和 y 偏移量。

scrollto 將視窗滾動到指定的 x 和 y 偏移量。

監聽ListView滾動到最底部

監聽listview的滾動可以用兩個東西 listview.onscrollstatechanged 本文講解這個listener的使用 在ongesturelistener類裡面的 onscroll motionevent e1,motionevent e2,float distancex,flo...

監聽ListView滾動到最底部

監聽listview的滾動可以用兩個東西 listview.onscrollstatechanged 本文講解這個listener的使用 在ongesturelistener類裡面的 onscroll motionevent e1,motionevent e2,float distancex,flo...

jQuery滾動到頁面指定位置

在前端的頁面開發中,經常會碰到頁面跳轉問題,這個跳轉指的是頁面內部跳轉到指定位置,通常是在有滾動條的情況下,網上介紹的方法很多,本文主要是介紹jquery函式中的乙個小trick,focus 函式。先來看一下jquery的官方文件 上面的文件扯了一堆,半點沒看到頁面跳轉的影子,但是在實際應用中你會發...