Alexanevsky
@Alexanevsky
Любительская web-разработка

Как сделать position: fixed до определённого момента скроллинга страницы?

Здравствуйте!

Блок должен быть прижат к низу страницу (position: fixed; bottom: 0;) до определённого момента скроллинга страницы. Когда человек проскролил до этого момента и начал листать дальше - блок остаётся на месте и прекращается скроллиться

Вот пример на JSFiddle: чёрный блок фиксирован. Когда человек доскроллил до конца зелёного - блок должен оставаться под ним и дальше уже не скроллиться. Но совсем не обязательно, что высота будет именно 1000px (иначе бы было немного проще), она может быть и 500px, и 2000px, и сколько угодно ешё.

Пример, где это реализовано: блок с кнопками шаринга в социальные сети. Он висит, прижат снизу. Когда статья заканчивается - блок занимает определенное место и перестаёт скроллиться дальше. К сожалению, в силу своих скудных знаний jQ, я не смог разобраться в исходниках, как они это реализовали.

Если бы Вы мне рассказали, как это можо сделать, или предоставите выдержки кода, как это сделали уважаемые разработчики Православного портала, я был бы вам очень благодарен.

Заранее спасибо!

С уважением,
Александр.
  • Вопрос задан
  • 5598 просмотров
Пригласить эксперта
Ответы на вопрос 1
Sticky kit попробуйте leafo.net/sticky-kit
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы