Есть сайдбар, высота которого превышает высоту экрана. Как известно, position: sticky
при прокрутке просто закрепляет верх блока вверху страницы (при top: 0
), и, чтобы увидеть не влезающий низ блока, нужно докрутить страницу до самого низа. Однако мне бы хотелось, чтобы sticky-блок прокручивался вместе со страницей, а закреплялся он только по достижении его низа. И наоборот: при прокрутке снизу вверх чтобы sticky-блок тоже прокручивался и закреплялся только по достижении верха sticky-блока. Как-то так сделано у сайдбаров ВК.
Словами нормально объяснить чёт не получается, поэтому вот вам гифки (ссылками, ибо много весят):
как делает position: sticky
(чистый CSS): http://imgur.com/pNKTijD
как хочу я (это я наклепал на JS): http://imgur.com/Bn8RDtZ
Реально ли сделать такое на чистом CSS? Или, может, будет реально в будущем в каком-нибудь CSS4?
Оборудование для ресторана: новинки профессиональной кухонной техники
Частный дом престарелых в Киеве: комфорт, забота и профессиональный уход
Здравствуйте! Подскажите, пожалуйста, правильно ли я решаю вопрос:
Всем приветКак по нажатию кнопки "Выбрать" на одном блоке, data-background-color стали smoke на двух других? Код сдесь: https://codepen