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

试试这个..这将是有效的。

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

Answer 2

这是代码试试这个

$(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 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>

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

3 个答案: