很多網站都有這種功能,主要為了讓用戶在長篇大論中比較迅速的跳到自己想要看的內容處,比如bootstrap就有相應的功能。 介紹一種非常簡便可以實現這種功能的方式。 思路: .這里要用到點擊事件,因為點擊處可能數量較多,因此最好用事件代理來處理,可以提高性能。 .當點擊一個按鈕時,能夠獲取到與他相對應的元素的ID。 .通過jquery的offset方法返回top和left兩個屬性后獲取他的top屬性 ...
2015-12-16 11:12 4 23819 推薦指數:
<body> <script type="text/javascript"> function click_scroll() { var scrol ...
<html><head><script type="text/javascript" src="jquery-1.11.1.min.js"></script><script type="text/javascript"> ...
首先獲取某元素的位置 第二部 top 就是元素在縱軸的位置 可以自己進行調整 這里選擇元素位置向上60px 就是-60 第三步滾動到指定位置 第二個參數為滾動時間 單位毫秒 ...
@參考博客 var t = $("#id").offset().top;// 獲取需要跳轉到標簽的top值 //$(window).scrollTop(t);// 跳轉到指定位置 $("html,body").animate({ scrollTop: t}, 1000);//與上同效 ...
實現效果 效果1:點擊標簽跳轉到頁面的指定位置 效果2:當頁面滑動到相應位置時導航欄樣式改變 效果如下: 方法: 使用scrollTop進行定位和跳轉。 首先,在HTML中給跳轉到的結點設置id 然后在js中設置點擊事件,點擊導航欄的按鈕使窗口跳轉 ...
1.給鏈接a加個#的方式來實現跳轉(錨點方法) 2.用animate屬性,當點擊錨點后,頁面滾動到相應的DIV ...
當我們在進行頁面跳轉的時候想跳到另外一個頁面的指定位置 比如 那個頁面的文章有幾個字段 <div><a id="a1">天氣情況</a></div> 天氣的內容 <div><a id="a2">收入 ...