1. 程式人生 > >解決ajax區域性重新整理後,滾動條位置變化的問題

解決ajax區域性重新整理後,滾動條位置變化的問題

問題描述:網頁底部實現了點贊和收藏功能,給長篇文點贊並更新點 贊數量之後,滾動條回到網頁頂部。

修改之前

<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"等,#後跟的內容被認為是一個標籤,如何這個標籤不存在也不會發生跳轉。