Created
July 10, 2018 09:11
-
-
Save Padilo300/5856fe12d76dba8a8a12c413a7a3cb22 to your computer and use it in GitHub Desktop.
js прокрутка экрана в верх с элементом на который кликнули
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* по клику на выпадающий блок на главной странице (на адаптиве) прокручиваем экран в верх | |
что-бы кнопка была в верху экрана, а выпавшая область всегда в зоне видимости | |
*/ | |
$('.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