首頁(yè) 猿問(wèn) 請(qǐng)問(wèn)js怎么獲取當(dāng)前頁(yè)面頂部的do...

請(qǐng)問(wèn)js怎么獲取當(dāng)前頁(yè)面頂部的dom元素呢。

JavaScript

瀟瀟雨雨 2018-11-13 13:22:19

主要是想實(shí)現(xiàn)一個(gè)類似百度百科右側(cè)導(dǎo)航條的效果。當(dāng)頁(yè)面滾動(dòng)時(shí)，右側(cè)的導(dǎo)航條也跟著變化。謝謝。http://baike.baidu.com/item/G...

查看完整描述

1 回答

藍(lán)山帝景

TA貢獻(xiàn)1843條經(jīng)驗(yàn) 獲得超7個(gè)贊

監(jiān)聽(tīng)window.onscroll事件，滾動(dòng)時(shí)，動(dòng)態(tài)去判斷當(dāng)前滾動(dòng)的距離，代碼大致如下：

window.onscroll = function(){

var height = document.documentElement.scrollTop + document.body.scrollTop;

if(height >= '目錄錨點(diǎn)高度'){

//TODO 給當(dāng)前錨點(diǎn)加高亮class，并且去掉其他高亮的錨點(diǎn)的樣式

}

反對(duì) 回復(fù) 2018-12-10

關(guān)注

舉報(bào)

0/150

提交

取消

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)