extjs - 如何实现“转到顶部”功能？

Question

我正在使用 ExtJS4 并寻找一种方法来实现“转到顶部”功能。

即单击“顶部”按钮时，视图应滚动回组件的顶部。如何在 ExtJS 中实现这一点？

Answer 1

除了 rixo 的答案（这将是滚动到绝对顶部的最简单方法）之外，我想提一下，如果您不必滚动整个窗口，它还有一个组件级别（scrollBy ）的实现.

更新

我必须承认我从未使用过scrollBy自己，所以如果它不适合您（链接的 API 应该为您提供所有信息），我建议您改用scrollTo()。这是一个有效的JSFiddle

在面板上使用它

panel.getEl().scrollTo('Top', 0, true);
// or
panel.body.scrollTo('Top', 0, true); // this property is protected
// or 
panel.getTargetEl().scrollTo('Top', 0, true); // this method is private and may be changed

在 Treepanel 或 Gridpanel 上

panel.getView().getEl().scrollTo('Top', 0, true);

Answer 2

window.scrollTo(0,0)在您的点击处理程序中使用。