jQuery實現頁面錨點滾動效果

2021-09-01 17:12:51 字數 1495 閱讀 8252

核心**:$('html,body').animate(, 1500);

讓滾動條在指定時間內,滾動到指定元素的位置。

scrolltop 相對滾動條頂部的偏移

offset獲取元素偏移量.top表示獲取元素距離頂端的位置,.left表示獲取元素距離左側的位置

第一章第二章

第三章第一章

第一章節內容

第一章節內容

第一章節內容

第一章節內容

第一章節內容

第一章節內容

第一章節內容

第一章節內容

第一章節內容

第一章節內容

第一章節內容

第一章節內容

第一章節內容

第一章節內容

第一章節內容

第一章節內容

第二章第二章節測試 鏈結查一查器

第二章節測試 鏈結查一查器

第二章節測試 鏈結查一查器

第二章節測試 鏈結查一查器

第二章節測試 鏈結查一查器

第二章節測試 鏈結查一查器

第二章節測試 鏈結查一查器

第二章節測試 鏈結查一查器

第二章節測試 鏈結查一查器

第二章節測試 鏈結查一查器

第二章節測試 鏈結查一查器

第二章節測試 鏈結查一查器

第二章節測試 鏈結查一查器

第二章節測試 鏈結查一查器

第二章節測試 鏈結查一查器

第三章第三章節 對**進行修改

第三章節 對**進行修改

第三章節 對**進行修改

第三章節 對**進行修改

第三章節 對**進行修改

第三章節 對**進行修改

第三章節 對**進行修改

第三章節 對**進行修改

第三章節 對**進行修改

第三章節 對**進行修改

第三章節 對**進行修改

第三章節 對**進行修改

第三章節 對**進行修改

第三章節 對**進行修改

第三章節 對**進行修改

第三章節 對**進行修改

第三章節 對**進行修改

第三章節 對**進行修改

第三章節 對**進行修改

第三章節 對**進行修改

第三章節 對**進行修改

第三章節 對**進行修改

第三章節 對**進行修改

第三章節 對**進行修改

第三章節 對**進行修改

第三章節 對**進行修改

第三章節 對**進行修改

第三章節 對**進行修改

第三章節 對**進行修改

第三章節 對**進行修改

第三章節 對**進行修改

第三章節 對**進行修改

第三章節 對**進行修改

第三章節 對**進行修改

第三章節 對**進行修改

第三章節 對**進行修改

第一章第二章

第三章

js跳轉到錨點 jQuery動畫滾動到錨點)

a name bottom a 正常網頁的跳轉用跳轉到錨點,不同頁面前面加上頁面路徑即可如跳轉到錨點,location.hash bottom location.href url2.htm bottom 不只有a,其他元素也可以,比如在 中 tr id tr1 tr location.hash tr...

hash實現錨點平滑滾動定位

hash hash 屬性是乙個可讀可寫的字串,該字串是 url 的錨部分 從 號開始的部分 location.hash anchorname。錨點 錨點是網頁製作中超級鏈結的一種,又叫命名錨記。命名錨記像乙個迅速定位器一樣,是一種頁面內的超級鏈結 錨點1 錨點2 錨點1錨點2 解析 我是在本地伺服器...

jquery 錨點跳轉

比如 波輪洗衣機介紹 但是上種方法使用了乙個空標籤,而且有時候會出現錨點失效。所以建議採用id來繫結錨點,如下 波輪洗衣機介紹 關於 在頁面的製作中,的符號很常見,並且具有通用性。基本上,其表示的含義是id選擇符。例如 css中 header 就表示id為header的標籤的樣式如何 在jquery...