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

实例说明

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

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

实例原理

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

实例教程

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

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

相关推荐
brave_zhao8 小时前
Axure RP 9模板的使用
ui·axure·photoshop
招风的黑耳13 天前
高标准农田信息化管理系统实战应用大纲
智慧农业·axure·农田管理·高标准农田
招风的黑耳20 天前
Axure 高保真视频播放器原型设计实战:10 个关键交互场景详解
axure·视频播放器
招风的黑耳21 天前
Axure 可视化原型设计效果全景展示
axure·可视化大屏·大屏端
招风的黑耳21 天前
用Axure中继器快速搭建高复用条形图原型
axure
招风的黑耳23 天前
Axure动态滑块进度器设计指南:打造高效交互体验
交互·axure·photoshop
招风的黑耳24 天前
从水电大屏到全行业通用方案:用Axure搭建可视化大屏原型的完整方法论
ui·axure·photoshop
夜郎king2 个月前
Axure 原型落地 HTML:基于 Trae Solo 实现 GIS 多级行政区划切换全流程实践
axure·trae solo·gis可视化
测试修炼手册2 个月前
[测试工具] Axhub MCP:把 Axure PRD 变成测试用例
测试工具·测试用例·axure
梓贤Vigo2 个月前
【Axure原型分享】AI自动回复机器人
交互·产品经理·axure·原型