Question

我试图创建一个简单的“滚动跳转到目标”。除了“滚动到顶部”之外，我已经制作了跳到任何地方的部件。跳转工作在标签的id上，所以它跳到任何地方都很好，但由于我的导航栏位置固定，它不会跳到顶部。这是我的代码，使其更容易理解：

.
.
<ul class="nav navbar-nav">
    <li class="active"><a id="home" href="#Home">Home <span class="sr-only">(current)</span></a></li>
    <li><a href="#services">Services</a></li>
    <li><a href="#about">About Us</a></li>
    <li><a href="#contacts">Contacts</a></li>
</ul>
.
.

进一步向下：

<div id="wall_1" class="myImage" data-stellar-background-ratio="0.4" ></div>
    <div id="content_1" class="myContent">
        <div id="services"></div>
        ...
        <p><a href="#Home">Go to the top</a></p>
    </div>
    <div id="wall_2" class="myImage" data-stellar-background-ratio="0.4"  ></div>
    <div id="content_2" class="myContent" >
        <div id="about"></div>
        ...
        <p><a href="#Home">Go to the top</a></p>
    </div>
    <div id="wall_3" class="myImage" data-stellar-background-ratio="0.4"  ></div>
    <div id="content_2" class="myContent">
        <div id="contacts"></div>
        ...
        <p><a href="#Home">Go to the top</a></p>
</div>

我的剧本：

    <script>
        $(document).ready(function () {
            $('a[href^="#"]').on('click', function (e) {
                e.preventDefault();

                var target = this.hash;
                var $target = $(target);

                $('html, body').stop().animate({
                    'scrollTop': $target.offset().top - 81
                }, 800, 'swing', function () {
                    window.location.hash = target;
                });
            });
        });
    </script>

我现在如何跳到顶部（滚动到0）？

Answer 1

这应该有效：

$('html, body').stop().animate({
                    'scrollTop': 0
                }, 800, 'swing');

滚动到顶部jquery

1 个答案: