jQuery滚动切换,如此白菜效果你会信手拈来吗

又一个阴雨绵绵的天气,再来跟大家分享一个jQuery小效果 - 滚动切换效果,希望大家看后有所收获,我也是刚开始摸索。

看图说话:

jQuery滚动切换,如此白菜效果你会信手拈来吗_第1张图片

不管写什么效果必不可少的是html+css布局

jQuery滚动切换,如此白菜效果你会信手拈来吗_第2张图片

该效果主要应用点是jQuery的基本语法、选择器以及一些方法的使用

jQuery滚动切换,如此白菜效果你会信手拈来吗_第3张图片

主要是思路是a锚点的使用,当滚动页面的时候去匹配html页面中的a锚点,

其次是要获取滚动条滚动高度以及每一个item元素的偏移量,对比匹配完成给当前添加cur类。

想要源码的宝宝们可以加我Q群:142991222,不见不散。小宝也需要跟更多伙伴们交流沟通以及学习更多新GET!

jQuery滚动切换,如此白菜效果你会信手拈来吗_第4张图片

你可能感兴趣的:(jQuery滚动切换,如此白菜效果你会信手拈来吗)