硬盘平均响应时间1000毫秒（1000毫秒多少秒）

投稿用户 • 2022年4月13日 am11:32 • 教程 • 阅读 332

【知识点25】滚动到元件

01 预期效果

对于内容较多的文章，在窗口页面滚动内容时，可在标题导航处对应显示；同时点击标题导航处标题，可自动滚动至文章内容页面。

02 具体操作步骤

（1）页面画布中创建文章内容及对应的标题导航，并进行命名。（文章内容标题：head1~head4；标题导航：H1~H4、top）

将标题导航设置为“固定到浏览器窗口-水平右侧；垂直中部”。

（2）设置标题导航选中状态及选项组

在标题导航动态面板中，点击“（H1）工作环境”标题，在“交互样式”中选择“元件选中的样式”，将“字色”设置为“黑色”。同理完成标题导航中其他按钮设置。将“（H1）工作环境”标题默认为“选中”状态。

设置标题导航选项组名称为“headgroup”。

（3）设置滚动到元件状态

在标题导航动态面板中，点击“（H1）工作环境”标题，在“交互”功能面板中，打开“交互编辑器”。添加“单击时”事件。点击“滚动到元件”-选择“head1”元件-添加动画“线性”，时间“1000毫秒”。另，点击“设置选中”，选择“H1”元件。

同理，完成标题导航动态面板中其他标题的设置。

（4）窗口滚动内容，标题栏对应显示

在“交互”功能面板中，打开“交互编辑器”。添加“窗口滚动时”事件。点击“启用情形”添加条件。设置窗口滚动Y值大于等于文章内容标题Y值时，设置对应标题栏为选中状态。

参数设置“值-[[Window.scrollY]]->=-值-[[HEAD.y]]”条件。

满足上述情形后，设置“（H1）工作环境”标题为“选中”状态。

同理，设置“（H2）界面功能”、“（H3）交互设计”、“（H4）特性介绍”y值条件判断。

03 实现效果

这样，即可实现对于内容较多的文章，在窗口页面滚动内容时，在标题导航处对应显示标题；同时点击标题导航处标题，自动滚动至文章内容页面的效果。

待续~

本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，请发送邮件至 sumchina520@foxmail.com 举报，一经查实，本站将立刻删除。
如若转载，请注明出处：https://www.vsaren.net/677.html

硬盘平均响应时间1000毫秒（1000毫秒多少秒）

相关推荐