AxureRP11实例-动态面板有垂直滚动默认滚动到底部JH110004

实例说明

正常垂直滚动的动态面板默认滚动条都是在最顶部

如何将有垂直滚动的动态面板,在页面加载时,默认滚动到底部。比如在做聊天对话框时,正常都是默认展示最后的聊天记录。

实例原理

Axure9和11有一些小的区别,所以11中要使用到以下动作【滚动到元件(锚链接)】。Ax9中的目标选择【动态面板】即可,而Ax11中的目标选择是动态面板中的最下面的元件。

实例教程

1、选中需要滚动的动态面板,事件为【载入】-》动作【滚动到元件(锚链接)】-》目标【最底部的元件】

2、这里特别要注意:此交互需在动态面板内容已完全加载并渲染后执行,否则可能因内容未加载完毕而无法正确滚动到底部。比如,你的面板是隐藏状态 ,你即可在加载页面设置了滚动底部,在触发显示时,还是会恢复到顶部显示。解决方案:A、建议结合延时或监听内容加载完成后再触发滚动。B、如果是默认隐藏面板 的把载入动作,换成点击事件中

相关推荐
colin52102 天前
AxureRP11母版-多母版之间交互功能教程JH110003
交互·axure·axure母版·母版交互
spencer_tseng3 天前
Terminal Single Sign-on
axure
colin52104 天前
Axure 本地预览时加载慢的问题分析和处理方法
axure·谷歌字体样式·网页加载慢
colin52105 天前
AxureRP11实例-手机号提交验证交互功能JH110002
axure·axurerp11·手机号验证
colin52105 天前
AxurePR11实例-验证码倒计时交互功能JH110001
交互·axure·验证码产品交互
Autumn_ing7 天前
2026国内外主流设计工具大对比:Axure、墨刀、Figma、Pixso
ui·aigc·axure·figma·墨刀
okra-8 天前
Axure RP 10 进阶指南:从全局变量到JavaScript语法,打造高效原型设计!
javascript·axure·photoshop
梓贤Vigo8 天前
【Axure高保真原型】卡片和表格间切换
交互·产品经理·axure·原型·中继器
梓贤Vigo9 天前
【Axure教程】拖动分组
交互·产品经理·axure·原型·教程