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