點擊滾動的div的JQuery中的內容無法正常工作

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/