代码之家 › 专栏 › 技术社区 › THI

在UI5应用程序中保留最后滚动位置的页面

sapui5

THI · 技术社区 · 6 年前

在我的UI5应用程序中,如果我滚动到一页的底部,然后移动到另一页,然后再次返回到上一页,则视图位于该页的底部。也就是说,该页的最后一个滚动位置被保留,我必须再次向上滚动才能看到顶部。我想每次访问时都从顶部显示页面。有什么建议吗?

<Page  enableScrolling="true" id="page" class="sapUiContentPadding" showHeader="false">
    <content>
        <VBox height="2000px">
            <core:Fragment fragmentName="ABC" type="XML"/>
            <core:Fragment fragmentName="PQR" type="XML"/>
        </VBox>
    </content>
</Page>

控制器.js

return BaseController.extend("....somePage", {
        onInit: function() {
        .....   

        },
        _onObjectMatched: function(oEvent) {
            this.getView().byId("page").scrollTo(0); //even this is not working
            window.scrollTo(0,0);  //did not work

1 回复 | 直到 6 年前

Matthijs Mennens 6 年前

你试过了吗 scrollTo 或 scrollToElement 方法 sap.m.Page ? 如果是,请确保设置 enableScrolling 属性为true。我在下面添加了一个小示例。

查看

    <Page id="page" title="ScrollPage" enableScrolling="true">
            <content>
                // your content
            </content>
        </Page>

控制器

这将触发滚动功能每次您访问该页。

    onInit: function() {
        sap.ui.core.UIComponent.getRouterFor(this).attachRouteMatched(this.onScroll, this);
    },

    onScroll: function() {
        this.byId("page").scrollTo(0);
    },

推荐文章

Michael K. · ValueHelpDialog的空结果消息是否可以定制?

3 年前

05_pingpong · 从TableSelectDialog到表单的数据绑定

7 年前

Mark Rabjohn · Chrome源代码未显示从Typescript生成的文件,并且具有源代码映射

7 年前

THI · 匹配两个文本字段的输入

7 年前

Chan Yoong Hon · SAPUI5将数据添加到HanaDatabase

7 年前

Tina Chen · 如何在SAPUI5中实现数据绑定?

7 年前

user2644620 · sapui5 sap。用户界面。table如何通过编程取消选中表行复选框

7 年前

rs9 · 使用sap中的数据绑定进行数据绑定。m、使用XML视图的表

7 年前

Recobe · SAPUi5文件上载程序设置WebKitFormBoundary

7 年前

user9657450 · 如何在智能表sapui5中只编辑一个单元格

7 年前