Question

我在页面顶部有经典的固定导航栏菜单。（直接来自Bootstrap例子页面的基本例子）我希望有一个菜单选项，一旦点击，就会显示一个折叠元素，从而使页面向下移动以便为这个元素腾出空间。

现在有点工作，但它有一种stange行为。每当我点击菜单选项时，折叠元素会显示，向下滑动页面的其余部分，但它会以某种方式将自己置于屏幕顶部，位于导航栏后面。我无法弄清楚如何从导航栏的底部向下滑动。这里很难解释the link to the page，点击“联系”查看它的作用。注意滚动条，似乎元素位于正确的位置，但它强制向上滚动，因此元素的顶部位于屏幕的顶部，在导航栏下。

以下是我正在使用的HTML代码的一部分：

这个需要显示的崩溃元素：

<div class="wrapper">
    <div class="row-fluid centerSpan ">
        <form id="contact" class="form-horizontal collapse">
            <fieldset>

这是崩溃的召唤（最后<li>）：

<ul class="nav">
    <li class="active"><a href="#">Acceuil</a></li>
    <li><a href="#about">CV</a></li>
    <li data-toggle="collapse" data-target="#contact"><a href="#contact">Contact</a></li>
</ul>

Answer 1

我不知道为什么崩溃表现得那样，但我只是做了一个简单的处理程序来使用slideToggle()显示表单，我在你的网站上测试过并且运行良好

$('.nav [data-toggle="collapse"]').click(function(e){
    e.preventDefault();
    $(this).data('target').slideToggle();
});

崩溃元素的Twitter Bootstrap触发器在固定导航栏下向上滚动

1 个答案: