如何在不离开用户最后一个位置的情况下自动刷新页面答案

【问题标题】：How to auto refresh the page without left the last place of user如何在不离开用户最后一个位置的情况下自动刷新页面
【发布时间】：2023-04-03 02:44:02
【问题描述】：

我正在构建一个 BlogApp，但遇到了一个问题。我正在制作一个用户可以上传博客的博客页面。

我想要做什么

我希望博客页面自动刷新页面。没有自动进入页面顶部。我希望用户保持在刷新前用户所在的位置。

我尝试了什么

<script>
    window.setTimeout(function () {
        location.href = 'http://127.0.0.1:8000/blog_posts';

    }, 5000); //refresh/redirect after 5 seconds.
</script>

此代码的工作：- 此 JavaScript 代码每 5 秒刷新一次页面

这个JavaScript Code有什么问题 ^

在下面的 JavaScript 代码中。它工作正常，每 5 秒刷新一次页面。但是，当它刷新页面时，如果我在查看博客文章时向下滚动，然后页面刷新，然后刷新后我发现自己位于页面顶部。（如果用户向下滚动并且 JavaScript 刷新页面，那么用户会发现自己位于页面顶部）。这就是为什么它是一个大问题。

我对@987654324@了解不多。我不知道该怎么办。

任何帮助将不胜感激。

提前致谢。

【问题讨论】：

标签： javascript python jquery django

【解决方案1】：

你可以使用锚

<a id="list"></a>

然后将你的href改为http://127.0.0.1:8000/blog_posts#list

【讨论】：

如何在我的代码中使用<a id="list"></a>？我也在 html 中使用<script></script>。你想让我把这个id='list' 放在

【解决方案2】：

我认为你应该使用 ajax 和 propper.js 来实现你的目标。

【讨论】：

【解决方案3】：

我找到了这个问题的答案。

解决方案：-

<script>

    window.addEventListener('load',function() {
        if(localStorage.getItem('scrollPosition') !== null)
           window.scrollTo(0, 
localStorage.getItem('scrollPosition'));
},false);

</script>

我把它放在JavaScript 的刷新代码下面。它存储最后一个位置，然后在页面重新加载时返回到该位置。

【讨论】：