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

实例说明

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

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

实例原理

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

实例教程

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

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

相关推荐
Chensay.1 天前
Axure RP安装(已汉化)附下载地址
axure·结构设计
招风的黑耳2 天前
Axure动态柱状图设计指南:从静态到交互的完整实现
交互·axure·柱状图
招风的黑耳2 天前
Axure动态折线图设计指南:从静态到交互的完整实现
交互·axure·photoshop
招风的黑耳2 天前
智慧社区可视化平台:构建“现实-数字“双生社区的智能中枢
axure·原型·可视化
x***r1517 天前
AxureRP-Setup安装步骤详解(附Axure RP原型设计与汉化教程)
ui·axure·photoshop
AC赳赳老秦10 天前
OpenClaw与Axure联动:自动生成原型图组件、批量修改原型样式,提升设计效率
python·web安全·ui·音视频·axure·photoshop·openclaw
秋910 天前
Axure RP Extension for Chrome 安装与配置完全指南:解决本地原型查看限制的深度解析与实践
chrome·axure·photoshop
风兮雨露15 天前
Axure RP 8 安装流程以及视频教程(附绿色版)
axure
陈葛杰21 天前
Axure RP 10.0安装教程(傻瓜版)
windows·开源软件·axure
Lucifer__hell1 个月前
【测试】Axure原型的AI测试用例生成方案
人工智能·测试用例·axure