单击导航时将div滚动到元素

时间:2015-12-22 12:49:47

标签: jquery scrolltop

以下是代码。我在jQuery中不是那么好。我已经使用谷歌完成了这段代码。

我需要的是当用户点击任意标签的导航栏时。 .scrollBox应该滚动到该标题。

Here is my code

这是jQuery

jQuery('.nav a').click(function(){
        if (jQuery(this).parent('li').hasClass('active')) {
            return false
        }
        var thisId = jQuery(this).attr('href');
        jQuery('.nav li').removeClass('active');
        jQuery(this).parent('li').addClass('active');

        var scrollPosition = $('h3.'+ thisId).offset().top 
            jQuery(".scrollBox").animate({
            scrollTop:  scrollPosition
            });
        return false
    })

1 个答案:

答案 0 :(得分:0)

使用类似的东西:

 $("nav a").on(click, function (ev) {
         element = ev.currentTarget;               
         $(".scrollBox").scrollTo($(element), 1000, {
            step:function() {
               // NOTHING
                }
         });
    });