Jquery прокрутки ближайший элемент с .class

Question

Проблема

У меня есть HTML-страницу, я с помощью поисковой системы, как «Ctrl + F», созданный мной, я интегрировал JQuery плагин, который выдвигает на первый план мне все результат, который я искал, и добавляет класс «.highlight» к элементам, которые он выделяет, вещь, которую я хочу прокручивать между ними, каждый раз, когда я нажимаю кнопку поиска.

Я попытался это, но он не работает:

$(document).ready(function() { 

     $("#btnSearch").on("click", function() { 
      $('html, body').animate({ 
       'scrollTop': $(this).closest(".highlight").position().top 
      }); 
     }); 
    }); 

Answer 1

Может быть, это поможет вам ...

$(document).ready(function() { 

    $("#btnSearch").on("click", function() { 
     $('html, body').animate({ 
      'scrollTop': $(this).closest(".highlight").parent().scrollTop()+ $(this).closest(".highlight").offset().top - $(this).closest(".highlight").parent().offset().top, 

     }); 
    }); 
});