javascript - jQuery 滚动到 ID 脚本只向下滚动

Question

我正在使用以下内容制作任何具有.jump-link滚动类的锚点到它在href属性中引用的 ID：

// Scroll to ID
$('.jump-link').click(function () {
    var el = $(this).attr('href'),
        elWrapped = $(el);
    scrollToId(elWrapped, 40);
    return false;
});
function scrollToId(element, navheight) {
    var offset = element.offset(),
        offsetTop = offset.top,
        totalScroll = offsetTop - navheight;
    $('body,html').animate({
        scrollTop: totalScroll
    }, 500);
}

不幸的是，尽管它似乎只能向下滚动页面。我还希望脚本能够向上滚动页面。

Answer 1

这是代码试试这个

$(function() {
    $('ul.nav a').bind('click',function(event){
        var $anchor = $(this);
        $('html, body').stop().animate({
            scrollTop: $($anchor.attr('href')).offset().top
        }, 1200);
        event.preventDefault();
    });
}); 

Answer 2

试试这个..它会工作。

$(".jump-link").click(function(){
 var id = $(this).attr('href');
        $('html, body').animate({scrollTop: $("#"+id).offset().top}, 2000);
});

Answer 3

<script type="text/javascript">
        jQuery(document).ready(function($) {
            $(".scroll").click(function(event){     
                event.preventDefault();
                $('html,body').animate({scrollTop:$(this.hash).offset().top},1200);
            });
        });
    </script>