问题描述:网页底部实现了点赞和收藏功能,给长篇文点赞并更新点 赞数量之后,滚动条回到网页顶部。
修改之前:
<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"等,#后跟的内容被认为是一个标签,如何这个标签不存在也不会发生跳转。