如何实现“转至顶部”功能？

Question

我正在使用ExtJS4并寻找一种方法来实现＆＃34;转到顶部＆＃34;功能。

即。点击＆＃34;顶部＆＃34;按钮，视图应滚动回组件的顶部。如何在ExtJS中实现这一目标？

Answer 1

除了rixo的答案（这是滚动到绝对顶部的最简单方法）之外，我想提一下在组件级别上还有一个实现（ {{3} } ）如果您不必滚动整个窗口，这可能很方便。

<强>更新

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

在面板上使用

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)。