jQuery滚动到可滚动div循环中元素的顶部

Question

我正忙着建立一个页面，在那里，比赛的计分室将能够看到现场结果，因为评委们会为每个参赛作品打分。

除此之外（每10秒检查一次更新），还有一个功能可以检查舞台上的当前条目（用绿色标记），这将滚动计分室的块，以始终在页面顶部显示当前条目。

然而，这创造了一个无休止的循环上下滚动的整个时间。

初始滚动工作正常，但由于当前项的位置已更改，jQuery再次向下滚动，使该项现在处于新的偏移量。

我的代码当前如下所示：

这将在需要时调用函数：

$('#entry_'+curr_entry).scrollView();

执行实际滚动的功能：

$.fn.scrollView = function () {
     var item_top = $(this).offset().top;
     var offset = item_top - 100;

     //check if sure scrolled more than 10 seconds ago
     var new_time = new Date();
     var old_time = new Date(last_scrolled);

     if (new_time - old_time > 10000 || last_scrolled == '') {
         $('.current_section').animate({
         scrollTop: offset
     }, 1000);
 }

使用new_time和old_time，这样当用户手动滚动时，此功能不会自动滚动10秒以上。这一部分是有效的，因此可以忽略这一点。

我试过使用。position（）而不是。offset（）但我得到了相同的结果。

我还尝试使用获取包含div的当前滚动位置

$('.current_section').animate.scrollTop();

然后使用舞台上当前条目的当前位置来计算正确的滚动点，但无济于事。

理想情况下，当自动滚动时，我希望滚动项位于包含div顶部的位置100。

当时的想法是，这将在活动中出现在电视或大屏幕上，只用于监控分数，以检查一切是否正常，这就是为什么必须自动滚动的原因。

如果我错过了一些简单的东西，请告诉我。

提前谢谢。

Answer 1

我设法让它工作得很好！

我在这个线程中使用了答案，以帮助获得我的最终工作代码：
如何滚动到溢出Div中的元素？

我的最终代码是这样的：

$.fn.scrollView = function () {

    var parentDiv = $('.current_section');
    var innerListItem = $(this);
    var offset = 140;

    //check if sure scrolled more than 10 seconds ago
    var new_time = new Date();
    var old_time = new Date(last_scrolled);

    if (new_time - old_time > 10000 || last_scrolled == '') {
        $('.current_section').animate({
      scrollTop: parentDiv.scrollTop() + innerListItem.position().top - offset
    }, 1000);
  }
}

希望这能帮助任何有类似问题的人。