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