该案例是要实现点击左侧导航栏,右侧自动跳转到所点击的导航栏对应的模块部分。
首先获取元素,然后绑定点击事件,接着先把导航栏处的active类删除,再将当前所点击的部分添加上active类。接着获取到所点击的导航栏对应的模块的offsetTop的值,再将值赋值给窗口,就能实现功能。
该案例是要实现再顶部时隐藏右下角处小模块,滚动后则显示出来,并且点击该小模块可以使页面回到顶部。
首先获取元素,接着给页面绑定滚动事件。先判断页面滚动距离,如果页面开始滚动,则将小模块的display值修改,否则隐藏。再给小模块绑定点击事件,如果点击了该小模块,则将页面的滚动数值赋值为0.