Question

我一直在尝试在使用标签页的页面上实现ScrollSpy。

这是我的身体标签：

<body data-spy="scroll" data-target=".subnav" data-offset="50">

这是我的标签HTML：

<div class="div-tabs tabbable">
    <ul class="nav nav-tabs" id="myTab">
        <li class="active"><a href="" data-toggle="tab" data-target="#home">Home</a></li>
        <li><a href="" data-toggle="tab" data-target="#profile">Profile</a></li>
    </ul>
    <div id="myTabContent" class="tab-content">
        <div class="tab-pane active" id="home">
            <div class="padding16">
                   ...
            </div>
            <div class="button-bar">
                <a href="#" class="btn"><i class="icon-user"></i>Button</a> <a href="#" class="btn btn-primary">
                    <i class="icon-time icon-white"></i>Button</a> <a href="#" class="btn btn-warning">Button</a>
                <a href="#" class="btn btn-danger">Button</a> <a href="#" class="btn btn-success">Button</a>
            </div>
        </div>
        <div class="tab-pane " id="profile">
            <div class="padding16">
               ...
            </div>
            <div class="button-bar">
               <a href="#" class="btn btn-warning">Button</a>
                <a href="#" class="btn btn-danger">Button</a> <a href="#" class="btn btn-success">Button</a>
            </div>
        </div>
    </div>
</div>

如果我从代码中删除了data-spy="scroll" data-target=".subnav" data-offset="50"，我的标签就可以了。启用了scrollspy后，我在Chrome开发工具中收到此错误：

未捕获的TypeError：无法读取null的属性“top”

知道可能出现什么问题吗？看起来ScrollSpy导致Bootstrap选项卡找不到对HREF属性的引用。

我正在使用Bootstrap 2.0.2

Answer 1

当我在导航中链接到标记中尚不存在的锚点时，我看到了这个错误。例如，如果导航栏中的链接指向#about，但页面上没有id="about"的元素，则会看到此错误。

Bootstrap ScrollSpy似乎打破了Bootstrap标签

1 个答案: