如何让jquery动画效果在屏幕滚动到指定位置才执行

JavaScript012

如何让jquery动画效果在屏幕滚动到指定位置才执行,第1张

1、新建一个html文件,命名为test.html。

2、在test.html文件内,使用div标签创建一个模块,并设置其id为mycss。

3、在css标签内,定义div的样式,设置其宽度为100px,高度为2000px,背景颜色为粉红色。

4、在js标签内,使用scroll()方法监听页面的滚动条,并执行function方法。

5、在function方法内,使用if语句判断,当前滚动的位置(scrollTop())是否到达页面的底部($(document).height()-$(window).height()),如果到达页面底部,提示“已经到底部了”。

循环容器水平滚动容器 特有的触发行为,可以定义精确滚动至 循环容器 的第几个子项,或滚动至 水平滚动容器 所关联 菜单控制器 的某个标签。

循环容器配置

输入子项序号,指定循环容器的子项序号。

完成后执行触发器,选择其他触发器,定义滚动至指定项后执行的后续交互逻辑。

水平滚动容器配置

水平滚动容器 链接了 菜单控制器 ,也可通过该触发行为来控制 菜单控制器水平滚动容器 中的滚动定位,可设置精确滚动至某个菜单项,或自动滚动至激活项。

滚动至激活项,开启开关后,菜单控制器在水平滚动容器中的位置会自动定位至菜单控制器的当前激活项。

设置目标组件,精确定义当前触发器将滚动至菜单控制器的哪一个菜单项,与循环容器不同,在本场景下是通过选择菜单控制器的某个菜单项进行定义,而不是输入子项序号。

完成后执行触发器,选择其他触发器,定义滚动至指定项后执行的后续交互逻辑。