WEBFLOW 的 HTLM/CSS 解决方案 - 在单击后退按钮重新加载网站后,在 Safari 中保持滚动位置

问题描述 投票:0回答:0

我不是专业的编码员/程序员,因此我目前在 Webflow 中处理我的网站时遇到了问题。

我有一个博客类型的网站,主页是一个提要,我和我的团队上传我们的博客文章,这是一个很长的列表,全天更新多次。我想要开始的是一个解决方案,在阅读完一篇文章并想要返回提要后,按下浏览器中的后退按钮后,网站会重新加载 - 我现在遇到了一些有关滚动位置的问题在某些浏览器中。

我当前的解决方案,我包含在部分(头代码,)中是这样的:

<script>
(function () {
    window.onpageshow = function(event) {
        if (event.persisted) {
            window.location.reload();
        }
    };
})();
  </script>

当按下后退按钮时,上面的代码可以完美地重新加载网站。

问题:遗憾的是,滚动位置的维护不起作用,尤其是在 Safari 浏览器、iPhone、Mac 等上。每当返回提要时,网站重新加载后,滚动位置就会返回到页面的开头。

我想要一个简单的解决方案来解决这个问题,我可以在 Webflow 的自定义代码部分中实现一段代码,即使在 Safari 中也能保留滚动位置。

如果这个社区中有人有解决方案,我会非常高兴。

谢谢, 盖蒂

html css safari webflow scroll-position
© www.soinside.com 2019 - 2024. All rights reserved.