要求-我想在页面加载时将内容滚动到页面底部。
这是我的html代码
<ion-content style="background-color: #f5f8fa;">
<p style="line-height:24px;padding-left:10px;margin-top:20px;text-transform:capitalize;font-size:16px;">{{this.TASKDESC}}</p>
<ion-list *ngFor="let list of list; let i = index;" style="margin:0;height:auto;padding-top:5px;padding-left:17px;z-index:-1">
<ion-item text-wrap class="item" style=" margin-top:-25px;padding:0; background-color:#f5f8fa;z-index:-1;">
<div [style.margin]="list.TAG_FROM === loggedinuser ? '0px 0px 0px -12px':'0px -12px 0px 0px'" [style.float]="list.TAG_FROM === loggedinuser ? 'right':'left'" style="width:33px;height:33px;background-color:#818993;overflow:hidden;color:#fff;z-index:9.9999999;border-radius:50%;font-size:14px;text-align:center;padding-top:7px;" >{{list.TAG_FROM.substring(0,2)}}</div>
</div>
</ion-item>
</ion-list>
</ion-content>
页面当前位置
我要什么-页面的图片
每当页面加载时自动滚动到底部。
最佳答案
最简单的方法是在 ion-content 上将 scrollDownOnLoad 属性设置为 true。
<ion-content scrollDownOnLoad="true">
</ion-content>
找官方文档here
关于angular - 如何在页面加载时将页面滚动到底部？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/47708950/