【问题标题】:BootstrapV4 and scrollspyBootstrapV4 和 scrollspy
【发布时间】:2016-03-01 01:53:49
【问题描述】:

谁能告诉我 scrollspy 在 bootstrap v4 中是如何工作的?

在我的导航栏中

<a data-toggle="collapse" href="#getLogin" aria-expanded="false" aria-controls="getLogin"></a>

在内容中

<div id="getLogin" class="hiddenGetPanel">
  <div class="col-lg-3 col-lg-push-9 m-t-lg">
    <div class="FormPanel">
      <div class="FormPanel-head">Login</div>
    </div>
  </div>
</div>

我想做的事:点击&lt;a&gt; 并滚动到#getLogin。当我使用&lt;a&gt; 标签时,#getLogin 会显示,这一点很重要。

【问题讨论】:

  • Scrollspy 的 Javascript 代码在哪里?
  • @Lucky Chingi 通过数据属性或通过 javascript v4-alpha.getbootstrap.com/components/scrollspy/#usage
  • 您好,我已经着手使英文更清晰,还稍微改进了代码的缩进。此外,当您在帖子中引用代码或类/ID 时,您可以在发布帖子时使用反引号(通常是键盘的左上角与波浪号 ~ 相同的键)to surround a word or words so they are automatically highlighted。当您参考代码 sn-ps 时,这很容易理解。有关更多信息,请参阅编辑部分:stackoverflow.com/editing-help

标签: css twitter-bootstrap hidden-field scrollspy


【解决方案1】:

删除 href="#getLogin" 并使用 data-target="#getLogin" 代替

在此处查看示例 http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_scrollspy2&stacked=h

【讨论】:

  • 不起作用@Shiv Baran Singh 这是用于 Bootstrap v3。我试过了,还是不行
  • 听起来不错,但不滚动。我检查链接 - 它可以工作但我没有
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-11-21
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多