解决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"等,#后跟的内容被认为是一个标签,如何这个标签不存在也不会发生跳转。

猜你喜欢

转载自blog.csdn.net/GQ_Yolanda/article/details/84067034