文章orApp鼠标滚动效果在原型设计中实现，文章分享了这一点。

几天前，我想制作一个高保真的电子邮件应用程序原型。当我在进行邮件列表的滑动显示时，我发现我无法满足各种事件。我在互联网上没有更标准化的教程。我专门组织了它并制作了一个网页或应用程序。可以模拟鼠标滚动效果，注意滚动，不点击拖动。

步骤1：将“内部框架组件”组件拖到“索引”页面以设置坐标和大小。

第1步图

第2步：将“内部框架组件”组件转换为动态面板。默认状态为state1，取消选中“自动调整为内容大小”。

第2步图

步骤3：切换到“内部框架”页面并将“内部框架组件”组件的滚动条设置为“从不显示滚动条”。

第3步图

步骤4：切换到“索引”页面，右键单击此页面，然后将滚动条设置为“从不显示滚动条”，然后检查索引页面的动态面板是否未选中“自动调整为内容大小&rdquo ;。

第4步图

步骤5：在“内部框架”页面上，拖动“内部框架”，这意味着将“内部框架”组件拖动到索引的state1页面，将此组件转换为动态面板（默认为状态更改为state2）。应该注意，大小是设定的。必须注意的是，滚动条应该超过索引的state1页面的显示范围，以避免在页面上显示滚动条。

第5步图

步骤6：设置动态插入的第二个“内部框架组件”，从state1页面中删除滚动条和边框显示，取消选中state1动态面板下的“自动调整为内容大小”修改第二个“刚刚插入的内部框架组件” ，右键单击动态面板，选择“自动显示垂直滚动条”。

第6步图

第7步：将长图片拖到state2页面或添加长文本。单击F5以查看效果。

第7步图

8.更多：你可以设置上下边界，不显示滚动条，可以完全模拟鼠标滚轮滚动效果，可以尝试使用其他组件。

预览效果：https://o9qpvp.axshare.com

本文最初由@虚假的柔柔发表。未经许可，禁止复制。

该地图来自PEXELS，基于CC0协议

« 江湖商圈的O2O系统微商店已经到来，微电子商务时代的微商店系统正在上线！ | 摆脱成本问题免费代购源码网站工具让公司建立零成本站 »