jQuery滾動到頁面指定位置

2021-07-22 13:23:06 字數 721 閱讀 5774

在前端的頁面開發中,經常會碰到頁面跳轉問題,這個跳轉指的是頁面內部跳轉到指定位置,通常是在有滾動條的情況下,網上介紹的方法很多,本文主要是介紹jquery函式中的乙個小trick,.focus()函式。

先來看一下jquery的官方文件:

上面的文件扯了一堆,半點沒看到頁面跳轉的影子,但是在實際應用中你會發現,如果乙個控制項呼叫了.focus()方法,頁面會自動跳轉到控制項所在位置。

舉例說明:

如圖,這是乙個pop up,modal,如果你選中了某一條資料,你想再開啟這個pop up時頁面直接跳轉到選中的這條資料的位置,用.focus()可以這麼寫:

$('input[name=test]:checked').focus();
test是一堆radio的name,:checked代表查詢被選中的那個radio,focus()方法會直接將頁面跳轉到被選中的這條資料的位置。

注:focus方法使用有個前提,那就是控制項不能是disabled,如果控制項要設為disabled,那要在控制項被disabled之前呼叫focus方法。

感謝教我這個小trick的lucas!

js滾動到指定位置

向上的滾動距離,或者說滾動出可視區域的距離 獲得滾動的畫素數 var intelemscrolltop someelement.scrolltop 設定滾動的距離 element.scrolltop intvalue scrolltop賦值為負數的時候,scrolltop賦值為0 如果乙個元素不能滾...

jQuery 滾動到指定位置觸發動畫

專案需求 將某乙個div在滑動的時候固定在頂端,滑動到頂端的時候回到原來位置。如gif所示 所需jquery檔案 1.css加上active active2.將所需要fixed的div起了id名,我給它起的是segment 3.關聯jquery.min.js檔案 4.上js實現 function g...

頁面如何自動滾動到指定位置

如何實現頁面載入完成後自動滾動到指定的位置?window.location.hash 注意到url後面帶有 comm這個引數。當頁面載入完畢後,瀏覽器就會自動滾動到dom物件id comm 的位置。附window.location的其他屬性 hash 設定或獲取 href 屬性中在井號 後面的分段。...