Question

当我按下按钮激活.slideDown（）或slideUP（）函数时，我希望我的页面保持在当前位置滚动。你有一个想法怎么做？

我的结构看起来像这样： HTML：

<nav class="container-fluid">
<div class="row">
<div class="col-lg-12">

  <ul id="navbar-collapse1" class="hover-effect">
    <li><a href="#" data-hover="Home" class="tagline">Home</a></li>
    <li><a href="#" data-hover="About" class="tagline">About</a></li>
    <li><a href="#" data-hover="Portofolio" class="tagline">Portfolio</a></li>
    <li><a href="#" data-hover="Contact" class="tagline">Contact</a></li>
  </ul>

</div>
</div>
</nav>

<header>
<ul class="col-lg-12 navbar-fixed-top">
    <a href="#"><li class="toggle-button" data-letterfx="custom[0]">
    <div class="line"></div>
    <div class="line"></div>
    <div class="line"></div>
    </li></a>
</ul>
</header>

jQuery看起来像这样：

$(document).ready(function () {
    $(".toggle-button").click(function () {
        $("nav").slideDown();
    });
});

Answer 1

这是由你的锚点href中的哈希值引起的。

尝试将e.preventDefault();添加到点击事件处理程序

$(document).ready(function (e) {
    $(".toggle-button").click(function () {
        e.preventDefault();
        $("nav").slideDown();
    });
});

另外，请注意现在正在传递的e参数

当我按下影响效果的按钮时，如何进行下滑效果以不将我的网页重新置于顶部？

1 个答案: