<script>
$(function(){
var navh = $('.list');
navh.eq(0).addClass('hover'); // 頁面加載完后給第一個(gè)添加高亮樣式
navh.click(function(){
navh.removeClass('hover');//先將清空高亮樣式
$(this).addClass('hover'); //給當(dāng)前添加高亮樣式
var index = navh.index($(this)); //獲取當(dāng)前元素下標(biāo)值
$('html,body').animate({scrollTop:$('ul').eq(index).offset().top-50},500) ;
//頁面跳轉(zhuǎn)到下標(biāo)對應(yīng)元素距離文檔高度-50px的位置,第二個(gè)參數(shù)為滾動時(shí)間.
});
})
</script>
導(dǎo)航跳轉(zhuǎn)鏈接(js部分)
最后編輯于 :
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
相關(guān)閱讀更多精彩內(nèi)容
- http://m.blog.csdn.net/liulinghuidage/article/details/539...
- AMapNavi 一次項(xiàng)目中,需要用到高德導(dǎo)航,APP中集成,并非跳轉(zhuǎn)第三方客戶端當(dāng)我集成好高德SDK準(zhǔn)備跳轉(zhuǎn),測...
- 大部分首頁或者搜索頁面都會隱藏導(dǎo)航欄 隱藏導(dǎo)航欄頁面 --> 有導(dǎo)航欄頁面 但是,不知道大家有沒有發(fā)現(xiàn) 隱藏導(dǎo)航欄...