李牧
前端开发
·2024-12-19
Day5 学习JS——练习电梯导航案例 需求: 1、滑动到一定的程度,显示导航栏,点击顶部可返回页面最上方 2、点击导航的小模块,页面会以滑动的方式抵达相应的大模块 3、导航上的小模块会根据滑动的位置进行字体的高亮显示 分析: 1、通过页面滚动事件来判断页面滑动的距离,以此控制导航栏的样式;通过点击事件,并设置滚动的高度,以此达到页面的跳转 2、通过元素点击事件,以自定义属性进行判断,找到相应的小模块与大模块之间的联系,设置大模块距页面的距离;添加滚动样式 3、通过页面滚动事件,根据大模块的位置以此判断出显示相应高亮的范围
0个评论
点击登录,快来和大家讨论吧~
表情
图片
暂无评论
下载 APP