JavaScript 滚动到 div

Question

我现在有两个问题正在解决。我正在尝试使用 javascript 跳转到页面上的 ID(我喜欢 JS 提供的慢速动画)。我正在使用的 javascript 虽然不起作用。这是我正在做的 JS fiddle :

http://jsfiddle.net/n6H8v/5/

这里是代码(很抱歉 HTML 很长，但必须用它来测试滚动):

HTML:

<section id="thumbs-work">

    <img id="top-cat" src="images/cat.png">

        <p> /* Large amount of text to force scrolling */ </p>
</section>


    <div class="back-to-top back-to-top-left">
        <p><a>
        <span class="top-jump">BACK TO TOP</span><img src="images/cat.png" alt="back to top"></a></p>
    </div>

</div>

Javascript:

$( document ).ready(function() {
        $(".top-jump").click(function() {
                $("html, body").animate({ scrollTop: $("#top-cat").offset().top }, 1000);
                return true;
        });
});

任何帮助将不胜感激

Answer 1

这是因为你没有在 JSFiddle 中加载 jQuery。它位于左上角的“框架和扩展”下。