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

滚动监控器--声明属性触发滚动监控

为监控对象设置被监控的data属性:data-spy="scroll",指定监控的导航条:data-target="#navbar-menu"。同时定义监控过程中滚动条偏移位置data-offset="60"。代码如下:

<div class="scrollspy" data-spy="scroll" data-target="#navbar-menu" data-offset="60">
  …
</div>

现在浏览器中预览,则可以看到当滚动div.scrollspy的滚动条时,导航条会实时监控并更新当前被激活的菜单项,如下图所示:

   

如果导航里有下拉菜单,并且滚动区域的内容到达下拉菜单子项所对应的区域,除了菜单高亮以外,子菜单的父元素dropdown也会高亮,如下图所示:

 

任务

?不会了怎么办
||
1
<!DOCTYPE HTML
    >
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
提交
重置代码
||

请验证,完成请求

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

加群二维码

打开微信扫码自动绑定

您还未绑定服务号

绑定后可得到

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

收藏课程后,能更快找到我哦~

使用 Ctrl+D 可将课程添加到书签

邀请您关注公众号
关注后,及时获悉本课程动态

举报

0/150
提交
取消
全部 精华 我要发布

最新回答 / SongWihtinClouds
固定定位--声明式触发固定定位Affix 插件可以对任何元素进行固定定位,其中比较简单的方法,就是通过自定义属性 data 来触发。其主要包括两个参数:1、data-spy:取值 affix,表示元素固定不变的。2、data-offset:整数值,比如 90,表示元素 top 和 bottom 的值都是 90px,其包括两种方式:data-offset-top 和 data-offset-bottom。data-offset-top 用来设置元素距离顶部的距离。比如 90,表示元素距离顶部 90px,当用...

最新回答 / kunkka_l
内容太少的时候 不会触发滚动

最赞回答 / 健C
我也觉得他举例子的类和给出文本里面用的类不同的,id也是,本来以为是已经默认定义好的,后面看了几遍代码发现可以自定义的,唉...

已采纳回答 / MarlboroKay
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> 要引用bootstrap.min.js,加上就OK了

最新回答 / qq_忆真芙蓉_0
可以看Bootstrap官网帮助理解:http://getbootstrap.com/javascript/#scrollspy-usage

最新回答 / vlgnaw
距容器上面的的距离,默认10px,一般设为60

最赞回答 / 随风独醉
多谢,参照你的做出来了。你没有设置position:relative;还有滚动条偏移位置data-offset设置为30左右效果比较好。
全部 我要发布
最热 最新
只看我的

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

账号登录 验证码登录

遇到问题
忘记密码

代码语言