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);});?