章节
问答
笔记
评论
占位
占位

编程练习

运用css和jQuery,实现导航菜单在右侧绝对定位显示,并且可以在滚动时根据滚动条的位置自动设置导航菜单的焦点。

温馨提示 : 完成任务后,请验证是否与实践描述效果一致,如一致,恭喜您,你已经掌握此技能,否则,请重复学习此节内容。

 

任务

一、静态网页的实现

1.运用CSS,让导航菜单在右侧绝对定位显示。

2.运用锚点,实现导航定位。

提示: 使用position属性。

 

二、jQuery实现定位导航特效

1.滚动条发生滚动时,要获取相应的值。

提示:先要获取到相应的scrollTop()、导航当前所在的楼层。          

 

2.实现让导航菜单在滚动条滚动的时候自动设置焦点

提示:这里遍历时需要对滚动条位置和每个元素位置做一个判断,并把相应的元素id值赋予currentId

 

3. 给相应楼层的 a 设置current,取消其他链接的current

?不会了怎么办
||

提问题

写笔记

截图
提交
||

请验证,完成请求

由于请求次数过多,请先验证,完成再次请求

加群二维码

打开微信扫码自动绑定

您还未绑定服务号

绑定后可得到

  • · 粉丝专属优惠福利
  • · 大咖直播交流干货
  • · 课程更新,问题答复提醒
  • · 账号支付安全提醒

举报

0/150
提交
取消
全部 精华 我要发布
全部 我要发布
最新 点赞
只看我的

手记推荐

更多

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?