Как сделать плавное появление блока при прокрутке страницы вверх?
Есть фильтр на странице, он находится вверху. Нужно когда крутишь страницу вниз его не было, но когда начинаешь крутить вверх, он плавно, со скоростью прокрутки появляется сверху, до тех пор, пока верхняя часть блока не совпадет с верхней частью экрана, и в этом случае она приклеивается. И наоборот, после того, как появилась, когда крутишь вниз, так же плавно уходит вверх за экран и пропадает.
Нашел как сделать резкое появление и скрытие при прокрутке, но так не пойдет.
Вот сам сайт
когда крутишь вниз, фильтра нет, когда вверх, фильтр появляется, но резко... Как сделать плавное появление. если немного крутанул, появилась часть, еще немного весь фильтр, пока верхние границы не совпадут... Не знаю как еще объяснить)
если немного крутанул, появилась часть, еще немного весь фильтр
Это придется баловаться с offset. Но обычно так никто не делает. Оно либо есть, либо нет. Иное - просто глупо. Зачем человеку пол фильтра?!
+ это будет запарней сделать т.к вероятно придется jsку писать.
Ибо придется постоянно отслеживать положение человека на странице.
Прокрутил вниз? - сброс положения. И все по новой.
пока верхние границы не совпадут
Теперь я понял. верхняя граница самого блока с фильтром и верхняя граница самого блока (обертки)
Так тем более никто не делает.
Решение для плавности я вам дал, а второй запрос настоятельно рекомендую не делать. Как UI/UX человек говорю.
+ реализация геморройней. Но с этим вам уже на фриланс.
