如何防止在点击链接时跳转到页面顶部？

Question

我一直纠结于如何防止在单击包含解析PHP数据的链接时跳转到页面顶部。

我尝试了很多方法，比如preventDefault或return false，或者在末尾加上"/“，但不幸的是都没有成功。观察:这是链接到同一页面，但正在发送一个php值。

链接如下所示：

<a id="chatLink" href="explore.php?user_id=<?php echo $row['unique_id']?>"

Answer 1

首先，您需要在离开页面之前存储scrollValue：

window.onscroll = e => localStorage.setItem('scrollTop', document.body.scrollTop);

然后，当新页面加载时，设置scroll：

window.onload = e => {
    const scrollTop= localStorage.getItem('scrollTop');
    document.body.scrollTop = scrollTop;
}