自动滚动到底部
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了自动滚动到底部相关的知识,希望对你有一定的参考价值。
我正在使用聊天屏幕进行应用程序。但正如普通屏幕一样,它开始从上到下滚动。但它应该是从底部到顶部。该应用程序位于Telerik Nativescript平台中。
VIE W上。 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代码,请告诉我们。
提前致谢。
答案
在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
另一答案
假设你的ScrollView的id为'id-scroller'。然后在你的View.js中你做:
let scroller = page.getViewById('id-scroller');
setTimeout(function() {
scroller.scrollToVerticalOffset(scroller.scrollableHeight, true);
}, 1);
以上是关于自动滚动到底部的主要内容,如果未能解决你的问题,请参考以下文章
[Unity学习]使用ScrollRect实现自动滚动到底部显示实时消息,并在拖动的时候取消自动滚动,再次手动滑到底部,又继续自动滚动
[Unity学习]使用ScrollRect实现自动滚动到底部显示实时消息,并在拖动的时候取消自动滚动,再次手动滑到底部,又继续自动滚动
[Unity学习]使用ScrollRect实现自动滚动到底部显示实时消息,并在拖动的时候取消自动滚动,再次手动滑到底部,又继续自动滚动