jQuery: прокрутите до центра элемента

Question

Я работаю над функцией jQuery, которая прокручивается до щелчка. Прямо сейчас он будет прокручиваться до вершины, мне было интересно, может ли это сделать его прокрутку до центра $('.scrollit') вместо верха или, возможно, способ компенсировать его количеством пикселей?

$(".playbox").on('click', function() { 
    $('.scrollit').animate({ 
     scrollTop: $(this).offset().top 
    }, 1000); 

Answer 1

Вы можете использовать высоту элемента.

scrollTop: $(this).offset().top + $(this).height()/2; 

Добавить половину высоты элемента в scrollTop для прокрутки до центра элемента.

Answer 2

Существует два основных отличия от другого ответа. Его актуальность, если вы добавляете или удаляете смещение, поэтому я обмениваюсь плюсом с минусом. И я использую размер экрана как ссылку, а не элемент. Анимация прокрутки и обтекания функции необязательна.

function scrollTo (id) { 
    $('html,body').animate({ 
     scrollTop: $("#"+id).offset().top - $(window).height()/2 
    }, 1000); 
}