除了这种方法之外,还可以直接在body上进行滚动条监控,此时要将滚动监控器移到body上,而且导航nav一定要在body内部。如下所示:
<body data-spy="scroll" data-target="#navbar-menu"> <div class="navbar navbar-default navbar-fixed-top" id="navbar-menu"> </div> <h3 id="blog">Blog</h3> <p>…</p> </body>
注意:导航条必须设置为顶部固定样式(navbar-fixed-top)。
我来试试:修改右侧代码,改为监控body方式。
(如实在不会,可看任务提示。)
参考代码:
1、body标签中的代码:
<body data-target="#navbar-example2" data-offset="0" data-spy="scroll">
2、导航条代码:
<nav role="navigation" class="navbar navbar-default navbar-static navbar-fixed-top" id="navbar-example2">
请验证,完成请求
由于请求次数过多,请先验证,完成再次请求
打开微信扫码自动绑定
绑定后可得到
使用 Ctrl+D 可将课程添加到书签
举报
实战
实战
实战
实战
实战