在 SPA 中加载新内容时，如何使页面滚动到顶部？

问题描述

我将 octoberCMS 与单页应用程序插件一起使用。我已添加 smooth-scrollbar.js。

一切正常，除了在加载新页面时我无法平滑滚动条滚动回顶部。

这是 Github 上的 API 文档

<div id="my-scrollbar" data-scrollbar>
 <div id="content">
   <div id="spa-page-content">
    {% page %}
   </div>
 </div>
</div>

请耐心等待，因为我是新手，正在学习:)

非常感谢，你会让我开心！

解决方法

您可以创建一个对内容更改做出反应的观察者。我使用了这个漂亮的库 scrollTo.js 来实现漂亮的滚动控制。这是我的一个项目的示例。将 Jquery on 方法与页面上的父元素一起使用，然后我会观察内容更改。

   $('#{$section}').on('DOMSubtreeModified',function(){
        let postTitle = $('#postTitle');
        if (postTitle.length > 0) {
            $('body').scrollTo('#bms-blog',{offset: -115});
        }
    });