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

实例说明

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

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

实例原理

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

实例教程

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

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

相关推荐
Lucifer__hell9 天前
【测试】Axure原型的AI测试用例生成方案
人工智能·测试用例·axure
梓贤Vigo13 天前
【Axure原型分享】拖拉拽动态调整页面布局-动态面板
交互·产品经理·axure·原型
梓贤Vigo14 天前
【Axure视频教程】中继器表格自适应行高
交互·产品经理·axure·原型·教程
spencer_tseng24 天前
UI 2026.04.12
axure
梓贤Vigo1 个月前
【Axure原型分享】动态更换颜色
axure
colin52101 个月前
AxureRP9实例-上传附件教程,并且美化上传元件SL090002
axure·上传附件
Three~stone1 个月前
Axure RP 9.0 是干啥?附安装教程和安装包
axure
梓贤Vigo1 个月前
【Axure教程】字母定位选择器
交互·产品经理·axure·原型·中继器
梓贤Vigo1 个月前
【Axure原型分享】能上下拖动和滚动查看内容的中继器表格
交互·产品经理·axure·原型·中继器
xy34531 个月前
Axure 9.0 原生组件:让折线图实现动态交互(文本标签)
ui·交互·axure·原型·折线图