原文:如何用jquery實現點擊后跳到頁面指定位置

很多網站都有這種功能,主要為了讓用戶在長篇大論中比較迅速的跳到自己想要看的內容處,比如bootstrap就有相應的功能。 介紹一種非常簡便可以實現這種功能的方式。 思路: .這里要用到點擊事件,因為點擊處可能數量較多,因此最好用事件代理來處理,可以提高性能。 .當點擊一個按鈕時,能夠獲取到與他相對應的元素的ID。 .通過jquery的offset方法返回top和left兩個屬性后獲取他的top屬性 ...

2015-12-16 11:12 4 23819 推薦指數:

查看詳情

jQuery點擊跳轉到指定位置

<html><head><script type="text/javascript" src="jquery-1.11.1.min.js"></script><script type="text/javascript"> ...

Thu Jul 23 01:52:00 CST 2020 0 740
jquery 頁面滾動到指定位置

首先獲取某元素的位置 第二部 top 就是元素在縱軸的位置 可以自己進行調整 這里選擇元素位置向上60px 就是-60 第三步滾動到指定位置 第二個參數為滾動時間 單位毫秒 ...

Tue Apr 28 00:38:00 CST 2020 0 5543
jQuery跳轉到頁面指定位置

@參考博客 var t = $("#id").offset().top;// 獲取需要跳轉到標簽的top值 //$(window).scrollTop(t);// 跳轉到指定位置 $("html,body").animate({ scrollTop: t}, 1000);//與上同效 ...

Thu Aug 23 01:07:00 CST 2018 0 3602
HTML+jQuery 點擊滑動到頁面指定位置

實現效果 效果1:點擊標簽跳轉到頁面指定位置 效果2:當頁面滑動到相應位置時導航欄樣式改變 效果如下: 方法: 使用scrollTop進行定位和跳轉。 首先,在HTML中給跳轉到的結點設置id 然后在js中設置點擊事件,點擊導航欄的按鈕使窗口跳轉 ...

Fri May 31 02:24:00 CST 2019 0 4703
JS點擊跳到指定div的位置

1.給鏈接a加個#的方式來實現跳轉(錨點方法) 2.用animate屬性,當點擊錨點頁面滾動到相應的DIV ...

Sat Apr 17 03:57:00 CST 2021 0 455
跳轉頁面跳到指定頁面位置

當我們在進行頁面跳轉的時候想跳到另外一個頁面指定位置 比如 那個頁面的文章有幾個字段 <div><a id="a1">天氣情況</a></div> 天氣的內容 <div><a id="a2">收入 ...

Fri Jun 01 21:30:00 CST 2012 0 3698
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM