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

实例说明

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

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

实例原理

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

实例教程

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

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

相关推荐
spencer_tseng3 天前
UI 2026.04.12
axure
梓贤Vigo5 天前
【Axure原型分享】动态更换颜色
axure
colin52108 天前
AxureRP9实例-上传附件教程,并且美化上传元件SL090002
axure·上传附件
Three~stone11 天前
Axure RP 9.0 是干啥?附安装教程和安装包
axure
梓贤Vigo14 天前
【Axure教程】字母定位选择器
交互·产品经理·axure·原型·中继器
梓贤Vigo16 天前
【Axure原型分享】能上下拖动和滚动查看内容的中继器表格
交互·产品经理·axure·原型·中继器
xy345316 天前
Axure 9.0 原生组件:让折线图实现动态交互(文本标签)
ui·交互·axure·原型·折线图
xy345317 天前
Axure 9.0 原生组件:绘制折线图
ui·信息可视化·交互·axure·原型·折线图
xy345320 天前
Axure 9.0 原生组件:让柱图实现动态交互(文本标签)
ui·交互·axure·原型·柱状图
梓贤Vigo21 天前
【Axure视频教程】拖动和滚动效果
交互·产品经理·axure·原型·教程