Блог

Я пытаюсь открыть свернутую панель навигации начальной загрузки на всю высоту устройств при наложении поверх содержимого страницы. Я обнаружил, что для панели навигации существует класс с именем «fixed-top», который накладывается поверх содержимого страницы, но, похоже, я не могу нормально открыть его на всю высоту экрана. Использование .collapse ul{height: 100vh;} панели навигации обычно открывается до последнего элемента навигации, а затем «прыгает» в нижнюю часть экрана. Как мне предотвратить этот «скачок» и плавно открыть панель навигации на всю высоту?

Внезапный скачок происходит потому, что вы добавляете высоту в класс collapse, которого нет до последнего момента анимации. Вместо этого попробуйте присвоить высоту пользовательскому классу или тому, который вы уже применили, например, nav-bar .