a標(biāo)簽

1、錨點(diǎn)跳轉(zhuǎn)

①a標(biāo)簽跳轉(zhuǎn)div

<a href='#aa'>點(diǎn)擊跳轉(zhuǎn)</a>

<div id='aa'>跳轉(zhuǎn)到這里</div>

②a標(biāo)簽跳轉(zhuǎn)a標(biāo)簽

<a href='#aa'>點(diǎn)擊跳轉(zhuǎn)</a>

<a name='aa'>跳轉(zhuǎn)到這里</a>

2、點(diǎn)擊回到頁(yè)面頂部

<a href='#top'>點(diǎn)擊回到頁(yè)面頂部</a>

<a name='top'>跳轉(zhuǎn)到的地方(頂部)

3、頁(yè)面跳轉(zhuǎn)問(wèn)題

①href='#'

頁(yè)面滾動(dòng)到原始位置

加onclick='return false'可取消滾動(dòng)到頂部

②href='###'

取消頁(yè)面滾動(dòng)到頂部,不做任何處理

2—4個(gè)#,##時(shí)IE6會(huì)識(shí)別為#,建議寫(xiě)3個(gè)

③href='javascript:void(0)'

同②,url地址不會(huì)受影響

4、JS實(shí)現(xiàn)

①頁(yè)面滾動(dòng)至頂部

$('.scroll_top').click(function(){$('html,body').animate({scrollTop: '0px'}, 800);});?

②頁(yè)面滾動(dòng)至指定的位置

$('.scroll_a').click(function(){$('html,body').animate({scrollTop:$('.a').offset().top}, 800);});? ?

③ 頁(yè)面滾動(dòng)到底部

$('.scroll_bottom').click(function(){$('html,body').animate({scrollTop:$('.bottom').offset().top}, 800);});?

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容