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

Question

[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
			})
		}
  }
})

Comments

[V Sh.]

Не совсем понял о чем речь, но если вам нужно сохранять что-то после перезагрузки браузера, то можете поместить данные (я так понял координаты блока с социальными сетями) в localStorage.

Answer 1

[Roman]

Для более «совершенного» управления залипаниями и скроллом,
вместо самописного решения,
советую использовать готовую библиотеку, например:
полифилл stickyfill: демо или другие