滚动监听(上面导航下面锚点)

就是点击导航一个栏目,会显示对应的内容
在这里插入图片描述
基本使用方法

在这里插入图片描述

**

让栏目有选中的效果?

**
在这里插入图片描述
在这里插入图片描述

data-spy=“scroll”
style=“position: relative”

**

当导航栏和内容框的距离达到多少时,导航栏选中效果会发生切换?

**
在这里插入图片描述
在这里插入图片描述
data-offset=“0”

**

如果一个页面有多个导航条,不能每一个都有效果,如何指定和哪一个导航条关联呢?

**
在这里插入图片描述
这是给每一个导航条添加唯一的ID标识
在这里插入图片描述
然后再内容框里添加 data-target="#nav" 属性,让内容与哪一个导航条发生关联

猜你喜欢

转载自blog.csdn.net/steve1988717/article/details/84931022
今日推荐