自动滚动到底部

时间:2016-07-11 10:45:57

标签: javascript xml telerik hybrid-mobile-app nativescript

我正在使用聊天屏幕进行申请。但正如普通屏幕一样,它开始从上到下滚动。但它应该是从底部到顶部。该应用程序位于Telerik Nativescript平台中。

view.xml用

<ScrollView row="0" col="0">  
    <StackLayout class="history-content-area">
        <Repeater items="{{messageHistory}}">
            <Repeater.itemTemplate>
                <StackLayout>
                    <!-- ITEMS GO HERE -->
                </StackLayout>
            </Repeater.itemTemplate>
        </Repeater>
    </StackLayout>
</ScrollView>

我在上面的代码中需要帮助如何在页面加载时自动滚动到底部?如果您需要javascript代码,请告诉我。

提前致谢。

2 个答案:

答案 0 :(得分:3)

在ScrollView上,您可以使用 scrollToVerticalOffset ,您可以在其中传递偏移量以滚动到。

例如: 的 view.xml用

<ScrollView row="0" col="0" id="myScroller">  
    <StackLayout class="history-content-area">
        <Repeater items="{{messageHistory}}">
            <Repeater.itemTemplate>
                <StackLayout>
                    <!-- ITEMS GO HERE -->
                </StackLayout>
            </Repeater.itemTemplate>
        </Repeater>
    </StackLayout>
</ScrollView>

<强> view.js

mScroller = page.getViewById("myScroller");

var offset = mScroller.scrollableHeight; // get the current scroll height
mScroller.scrollToVerticalOffset(offset, false); // scroll to the bottom

答案 1 :(得分:0)

假设你的ScrollView的id为'id-scroller'。然后在 View.js 中执行:

let scroller = page.getViewById('id-scroller');

setTimeout(function() {
  scroller.scrollToVerticalOffset(scroller.scrollableHeight, true);
}, 1);