完成導航欄點擊之後平滑移動的效果

首先 在周四 讓我們 稱頌我紫

其次 筆者今天遇到一個小問題 就是之前仿照bilibili做的側面的導航欄點擊後會突變到所指向的頁面

對於這種情況 我們可以用一個簡單的javascript (當然是使用jquery)來改變

$(document).ready(function(){ var bFlag = 0; $(#web_navigation).click(function(){ if (bFlag) return; // 防止 連續 點擊 bFlag = 1; $(html,body).animate({ scrollTop : $(#WEBtext).offset().top + px },slow,function(){ bFlag = 0; // 開關 }); }); });

當然核心方法還是jquery中自定動畫函數 animate 這個方法在我們之前的jquery學習中提到過

推薦閱讀：