Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save Padilo300/5856fe12d76dba8a8a12c413a7a3cb22 to your computer and use it in GitHub Desktop.
Save Padilo300/5856fe12d76dba8a8a12c413a7a3cb22 to your computer and use it in GitHub Desktop.
js прокрутка экрана в верх с элементом на который кликнули
/* по клику на выпадающий блок на главной странице (на адаптиве) прокручиваем экран в верх
что-бы кнопка была в верху экрана, а выпавшая область всегда в зоне видимости
*/
$('.panel-title').on('click', function(){
var href = $(this).attr('href'); // узнаем на какой блок кликнули
var W = $(window).scrollTop(); // узнаем высоту текущей прокрутки документа
var B = $('[href="' + href +'"]').offset().top - $(window).scrollTop(); // возвращает коордитат кнопки относительно высоты экрана
var setScroll = W+B-50; // к высоте текущей прокрутки добавили расстояние от верха окна и отняли высоту фиксированного хедера
$('html, body').animate({scrollTop: setScroll},500); // устанавливаем прокрутку
console.log('координат элемента: ' + href + ' top: ' + top );
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment