@seregindev

Как остановить соц сети при подходе к контактной форме?

Доброго времени суток, столкнулся с такой проблемой, у меня есть блок соц сетей, которые зафиксированы на сайте, и появилась такая задача, остановить их при подходе к контактной форме.
У меня есть код который останавливает при скролинге к этой форме, но когда мы перезагружаем страницу, соц стеи соскакивают вниз. А должны оставаться на месте..
Буду очень признателен за помощь!

Вот код и наглядно как всё выглядит
jQuery(window).on('load scroll', function () {
	if(jQuery('aside').is('.social-fixed')) {
    var scrollTop = jQuery(this).scrollTop(),
			social = jQuery('.social-fixed'),
			socialHeight = jQuery('.social-fixed').height(),
      offset = jQuery('#subscribe').offset().top,\\блок контактной формы
			toTop = jQuery('#toTop'),
			h = scrollTop + socialHeight*2

    if (h < offset) {
			social.css({
				'position':'absolute',
				'top': scrollTop+socialHeight
			})
    }

		if (scrollTop + 400 < offset) {
			toTop.css({
				'position':'absolute',
				'top': scrollTop+socialHeight
			})
		}
  }
})

cfc5a4f230384d4fbc8281e28f5f4a09.jpg914ce36bc32044c0b4bb6aaafb562f13.jpg
  • Вопрос задан
  • 148 просмотров
Решения вопроса 1
llgruff
@llgruff
Scala
Для более «совершенного» управления залипаниями и скроллом,
вместо самописного решения,
советую использовать готовую библиотеку, например:
полифилл stickyfill: демо или другие
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы