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

滚动监控器--在body中加监控

除了这种方法之外,还可以直接在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">
||
1
<!DOCTYPE HTML
    >
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
提交
重置代码
||

请验证,完成请求

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

加群二维码

打开微信扫码自动绑定

您还未绑定服务号

绑定后可得到

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

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

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

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

举报

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

最赞回答 / 程程的爹妈
http://stackoverflow.com/questions/9288482/how-do-i-set-the-offset-for-scrollspy-in-bootstrap<script>    var offset = 50;$('.navbar li a').click(function(event) {    event.preventDefault();    $($(this).attr('href'))[0].scrollIntoView();    scrollBy...

最赞回答 / C0EEC3F7BBAA
个人测试··data-offset是设置偏移量的··比如你导航条设置fixed-top了··那就遮挡了主体内容了··主体内容就要加padding-top:70或margin-top。这时滚动条滚动的时候不能正好在滚动到@***时正好@***高亮··所以要设置偏移量
全部 我要发布
最热 最新
只看我的

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

账号登录 验证码登录

遇到问题
忘记密码

代码语言