Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/362.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 当SPA中加载新内容时,如何使页面滚动到后端?_Javascript_Jquery_Ajax_Octobercms - Fatal编程技术网

Javascript 当SPA中加载新内容时,如何使页面滚动到后端?

Javascript 当SPA中加载新内容时,如何使页面滚动到后端?,javascript,jquery,ajax,octobercms,Javascript,Jquery,Ajax,Octobercms,我正在使用单页应用程序插件。我补充说 一切都很完美,只是当加载新页面时,我无法让平滑的滚动条滚动回顶部 这是API文档,位于 {%page%} 请容忍我,因为我对这个和学习都是新手:) 非常感谢,你会让我开心的 您可以创建一个对内容更改做出反应的观察者。我使用了这个漂亮的库,用于很好的滚动控制。下面是我的一个项目的例子。使用Jqueryon方法和页面上的父元素,然后我观察内容的变化 $('#{$section}').on('DOMSubtreeModified', function()

我正在使用单页应用程序插件。我补充说

一切都很完美,只是当加载新页面时,我无法让平滑的滚动条滚动回顶部

这是API文档,位于


{%page%}
请容忍我,因为我对这个和学习都是新手:)


非常感谢,你会让我开心的

您可以创建一个对内容更改做出反应的观察者。我使用了这个漂亮的库,用于很好的滚动控制。下面是我的一个项目的例子。使用Jquery
on
方法和页面上的父元素,然后我观察内容的变化

   $('#{$section}').on('DOMSubtreeModified', function(){
        let postTitle = $('#postTitle');
        if (postTitle.length > 0) {
            $('body').scrollTo('#bms-blog', {offset: -115});
        }
    });
您可以使用使页面滚动回顶部。棘手的部分是知道内容何时加载。研究octoberCMS的文档,看看它是否公开了一个页面更改/更新事件,您可以将其挂钩
   $('#{$section}').on('DOMSubtreeModified', function(){
        let postTitle = $('#postTitle');
        if (postTitle.length > 0) {
            $('body').scrollTo('#bms-blog', {offset: -115});
        }
    });