硬盘平均响应时间1000毫秒(1000毫秒多少秒)

【知识点25】滚动到元件

01 预期效果

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

02 具体操作步骤

(1)页面画布中创建文章内容及对应的标题导航,并进行命名。(文章内容标题:head1~head4;标题导航:H1~H4、top)

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

硬盘平均响应时间1000毫秒(1000毫秒多少秒)

(2)设置标题导航选中状态及选项组

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

硬盘平均响应时间1000毫秒(1000毫秒多少秒)

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

(3)设置滚动到元件状态

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

硬盘平均响应时间1000毫秒(1000毫秒多少秒)

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

(4)窗口滚动内容,标题栏对应显示

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

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

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

硬盘平均响应时间1000毫秒(1000毫秒多少秒)

硬盘平均响应时间1000毫秒(1000毫秒多少秒)

硬盘平均响应时间1000毫秒(1000毫秒多少秒)

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

硬盘平均响应时间1000毫秒(1000毫秒多少秒)

03 实现效果

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

待续~

创业项目群,学习操作 18个小项目,添加 微信:80709525  备注:小项目

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