Как сделать преследующую форму поиска?

Question

[rinaz22]

Всем привет! В шапке сайта есть строка поиска. Как сделать чтобы когда пользователь начинал спускаться, строка поиска также спускался?
Например, в данном форуме боковое меню также работает.

Answer 1

[xmoonlight]

CSS:position:fixed

Comments

[rinaz22]

Тогда он будет слишком низко

[xmoonlight]

rinaz22, top:0px;добавить нужно.

[rinaz22]

xmoonlight, вы наверное не поняли. Форма поиска находится в шапке. При спуске, нужно чтобы он плавно следовал

[xmoonlight]

rinaz22, пример сайта или видео с анимацией - есть?

[rinaz22]

xmoonlight, посмотрите с ПК левое меню данного форума

[xmoonlight]

rinaz22,

.layout__navbar {
    position: absolute;
    top: 0;
    height: 100%;
    left: -250px;
    width: 250px;
    background-color: #4f5a6e;
    -webkit-font-smoothing: antialiased!important;
    text-rendering: optimizeLegibility!important;
}