在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ js怎么實(shí)現(xiàn)鼠標(biāo)滾動(dòng)到第3個(gè)div導(dǎo)航欄出現(xiàn)？

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

<div id="top"></div>
<div id="td"><img src="./img/1.jpg" id="tp"></div>
<div id="content1"></div>
<div id="content2"></div>
<div id="content3"></div>
top固定定位且隱藏，鼠標(biāo)滑動(dòng)到content1時(shí)，top顯示出來(lái)（用定時(shí)器平滑的出來(lái)）
回答
編輯回答
柒槿年

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

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

2018年4月29日 06:02
編輯回答
小曖昧
<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';
    }
};
2017年12月8日 03:41