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