ScrollTop无法正确处理视差效果

Question

我在我的网站上实现了纯css视差效果。下一步是实现scrollTop功能，该网站是一个页面布局。

$(document).ready(function($) {
  $('a[href^="#"]').bind('click.smoothscroll',function (e) {
    e.preventDefault();
    var target = this.hash,
        $target = $(target);

    $('#container').animate({
        scrollTop: $target.offset().top
    }, 2000);  
  });
});

有了这个，我得到了一个奇怪的行为：

1. 首次开始，点击主播 - ＆gt;它滚动到div
2. 点击另一个主播 - ＆gt;它做了它不应该做的事情

这里是你的jsFiddle：https://jsfiddle.net/5pwctshp/2/

经过一些研究可能是溢出属性触发了bug /问题吗？

提前感谢