Как мы можем удерживать навигационную панель фиксированной в указанной c позиции?

Question

Я создаю полстраничное фоновое изображение на моем HTML и под изображением у меня есть прокрутка с помощью панели навигации. Я хотел, чтобы эта панель навигации была зафиксирована в этой определенной позиции (не с фиксированной верхней или с фиксированной нижней частью)

полстраницы bg image

Когда я установил его в положение : исправлено, панель навигации находится по всей странице

позиция: исправлена ​​

Когда я установлен на липучку, это происходит

позиция: липкая

CSS Код

html {
    scroll-behavior: smooth;
}
body, html {
    height: 100%;
    margin: 0%;
}
.landingImage {
    height: 50%;
    margin: 0%;
    background-image: url("image/bgimage.jpeg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
/*ID of the nav element*/
#stick {
    position: sticky;
    top: 20px;
    overflow: hidden;
}

Я новичок ie в этом. Спасибо.

Answer 1

Я думаю, что это может сработать

#stick {
position: fixed;
top: 20px;
overflow: hidden;
width: 100%;
height: 100px; /* for height you can use any value */
}