如何滚动到容器底部答案

【问题标题】：How to scroll to the bottom of a container如何滚动到容器底部
【发布时间】：2014-04-24 18:22:27
【问题描述】：

我有一个容器，我想在触发事件时滚动到它的底部。我已经在 Google 上尝试了所有方法，但似乎没有任何效果。这些是我迄今为止尝试过的东西，以免您浪费任何时间：

Ext.get('detailsViewId').scrollTo("top", -Ext.get('detailsViewId').getHeight());

var mainContainer=this.getDetailContainer();
//I get the container here, so no error in the above line
mainContainer.scrollTo..................
mainContainer.element.scrollTo..................

还有更多来自 Chrome 的“开发者工具”的东西。

所以还没有任何工作，所以我希望我能从 Stackoverflow 用户那里得到一些东西。

提前致谢。

【问题讨论】：

标签： sencha-touch-2.3

【解决方案1】：

Sencha Touches 使用非原生 ScrollableView 使容器可滚动。您可以通过在可滚动容器上调用 getScrollable() 方法来获取 ScrollableView。此 ScrollableView 使用 Ext.scroll.Scroller 来应用滚动逻辑。

    var scrollableView,
        scroller,
        containerList

    containerList = Ext.Viewport.add({
        scrollable: true,

        // creating a few items to make the container overflow.
        defaults: {
            style: 'background-color: hsl(180, 45%, 85%);',
            padding: 30,
            margin: 20
        },

        items: function(){ 
            var ar = [];

            for(var i = 0; i < 30; i++) {
                ar.push({ html: 'item ' + i});
            }

            return ar;
        }()
    });
    scrollableView = containerList.getScrollable();

    scroller = scrollableView.getScroller();

    scroller.scrollBy(0,99999);

示例可在此处运行：https://fiddle.sencha.com/#fiddle/5pm

注意：滚动条有一个名为 scrollToEnd 的方法，但不知何故，这并没有按预期工作，这就是我使用 99999 作为 scrollBy y 参数的原因。

【讨论】：

【解决方案2】：

这对我来说是这样的：

var mainContainer=this.getDetailContainer();    
var scroller = mainContainer.getScrollable().getScroller();
scroller.scrollToEnd(true);

【讨论】：

非常感谢您的回答，但我确实尝试了 scrollToEnd，但它对我不起作用:(