解決ajax區域性重新整理後,滾動條位置變化的問題
阿新 • • 發佈:2018-11-29
問題描述:網頁底部實現了點贊和收藏功能,給長篇文點贊並更新點 贊數量之後,滾動條回到網頁頂部。
修改之前:
<a href="#" th:onclick="'javascript:updateNum('+${article.id}+')'" >
<i class="fa fa-thumbs-o-up"></i><span th:text="'('+${article.praiseNum}+')'"/>
</a>
修改之後:
<a href="javascript:void(0)" th:onclick="'javascript:updateNum('+${article.id}+')'" > <i class="fa fa-thumbs-o-up"></i><span th:text="'('+${article.praiseNum}+')'"/> </a>
<a href="####" th:onclick="'javascript:updateNum('+${article.id}+')'" >
<i class="fa fa-thumbs-o-up"></i><span th:text="'('+${article.praiseNum}+')'"/>
</a>
問題分析:
1、href="#“因為”#"預設的瞄點位置是top,所以滾動條會跳到頂端。
2、href="javascript:void(0)“指明瞭一個死連結,void(0)表示不做任何操作。
3、href=”####“或href=”#1"等,#後跟的內容被認為是一個標籤,如何這個標籤不存在也不會發生跳轉。