twitter-bootstrap – Bootstrap ScrollSpy似乎打破了Bootstrap

发布时间：2020-12-17 21:21:33 所属栏目：安全来源：网络整理

导读：我一直在尝试在使用选项卡的页面上实现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=""

我一直在尝试在使用选项卡的页面上实现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

解决方法

当我在导航中链接到标记中尚不存在的锚点时,我看到了这个错误.例如,如果导航栏中的链接链接到#about,但ID =“about”的页面上不存在任何元素,您将看到此错误.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!