以编程方式将Sencha Touch Ext.Panel滚动到锚元素

Question

我有一个可滚动的面板,显示大于屏幕的内容

new Ext.Panel({
  scroll: 'vertical',
  html: 'very larger content here with an anchor. <p id="anchor">'
});

和(在点击事件上)我想(以编程方式)将面板滚动到某个HTML元素.最好甚至是动画的.在jquery中,我会做一些事情

$('html,body').animate({ scrollTop: $("#anchor").offset().top }, 'slow');

Answer 1

原来你可以做的是

function scrollIntoView(el,cmp) {
  var dy = cmp.scroller.offset.y + el.getY() - cmp.body.getY();
  cmp.scroller.setOffset({x:0, y:-dy}, true);
}

scrollIntoView(Ext.fly('anchor'), Ext.getCmp('panel'));

这可能与scrollIntoView()内部的内容非常相似- 虽然没有看过那些代码.但它没有动画.