javascript - 路由哈希更改后如何滚动到顶部？

Question

我的 Ext js 应用程序中有多个页面。每个页面都通过 ajax 请求加载内容。第一页有项目列表（链接）。当我滚动到页面底部并单击最后一项时，它会将我重定向到第二页。在第二页上，内容已加载并且页面跳转（滚动）到我单击链接项的位置（到页面底部）。

我已经尝试window.scrollTo(0, 0);并window.scroll(0, 0);单击init第二页中的链接项和方法，但它不起作用（它适用于第一页，但是当我转到第二页时，它会忽略位置并移至页面底部）。

我能处理这个问题的唯一方法是使用setTimeout(() => window.scrollTo(0, 0), 1000)，但它显示了几毫秒的旧位置，然后移动到顶部

我希望我的路线页面从顶部加载，而不是从上一页的位置

Answer 1

您可以尝试添加代码以在 ajax 回调中滚动顶部

Ext.Ajax.request({
     url: 'ajax_demo/sample.json',

     success: function(response, opts) {
         window.scrollTo(0, 0);
     },

     failure: function(response, opts) {
         console.log('server-side failure with status code ' + response.status);
     }
 });