js怎么實(shí)現(xiàn)鼠標(biāo)滾動到第3個div導(dǎo)航欄出現(xiàn)？

思路:
監(jiān)聽body的滾動事件.判斷y值是否到content1div的位置.
如果每個div高度不一樣,可以獲取一下div的位置.如果高度不變,可以把判斷處的值寫死.

定時(shí)器啟動,修改top div的寬度.從0-n.個人感覺這樣效果并不太好.
可以把top div位置設(shè)置成-n.然后y從 -n --> 0.
或者使用jquery的動畫. 推薦使用jquery動畫.顯示和隱藏直接調(diào)用就行.不用自己實(shí)現(xiàn)了.

<div id="top" class='hide'></div>


#top {
    transition: all 1s;
}
#top.show {
    display: block;
}
#top.hide {
    display: none;
}

document.body.onscroll=function () {
    if(this.scrollTop>200){
        document.getElementById('top').className='show';
    }
};