Question

我有一个标签部分，根据链接点击的位置在div滚动中有内容但是滚动工作不正常，这里是JSfiddle demo

这是点击

时触发的代码

$(document).ready(function ($){
    $('.scrollable_tab > ul > li > a[href^="#"]').on('click', function(event) {
        var target = $(this.getAttribute('href'));
        if( target.length ) {
            event.preventDefault();
            $('.scrollable_content_main').stop().animate({
                scrollTop: target.offset().top
            }, 1000);
        }
    });
});

请帮忙！

Answer 1

您还需要考虑容器div。试试这样。

$('.scrollable_tab > ul > li > a[href^="#"]').on('click', function(event) {
        var target = $(this.getAttribute('href'));
        console.log($(".scrollable_content_main").scrollTop()+target.offset().top );
        if( target.length ) {
            event.preventDefault();
            $('.scrollable_content_main').animate({
                scrollTop: $(".scrollable_content_main").scrollTop() + target.offset().top 
            }, 1000);
        }
    });

小提琴：https://jsfiddle.net/xcht52eh/

单击以滚动到div JQuery中的内容不能正常工作

1 个答案: