最近在開發(fā)過程中遇到一些小問題欠母,當(dāng)瀏覽器出現(xiàn)滾動(dòng)條后欢策,將滾動(dòng)條拉到頁面最下方點(diǎn)價(jià)一個(gè)圖標(biāo)后,頁面自動(dòng)滾回頂部赏淌,這樣的現(xiàn)象給人的體驗(yàn)十分不好踩寇,查了一下相關(guān)資料發(fā)現(xiàn)
<a href="#" onclick="xxx()">
以上的a標(biāo)簽寫法是經(jīng)常使用的,其中的#會(huì)被瀏覽器當(dāng)作是一種頁面跳轉(zhuǎn)的口令猜敢,接到這個(gè)口令就會(huì)把頁面滾動(dòng)到原始位置姑荷,如果將跳轉(zhuǎn)功能禁用或者換為一種瀏覽器不識(shí)別的跳轉(zhuǎn)符號(hào)即可解決盒延。
1缩擂、將#寫為###
2、將#用javascript:void(0)替換
<a href="javascript:void(0)" onclick="xxx()">