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

Question

当单击具有解析 PHP 数据的链接时，我一直被困在如何防止跳转到页面顶部。

我已经尝试了很多东西，例如 preventDefault 或 return false 或将“/”放在最后，但不幸的是没有成功。观察：这是链接到同一页面，但正在发送一个 php 值。

链接如下所示：

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

标签： javascriptphphtml

Answer 1

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

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

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

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