Спасибо за ответ. вот что мне удалось сделать
$(function() {
$('#navbarCollapse').on('hidden.bs.collapse', function () {
// do something…
var sideBar = document.querySelector('#menus');
sideBar.classList.remove('scrolly');
})
$('#navbarCollapse').on('show.bs.collapse', function () {
// do something…
var sideBar = document.querySelector('#menus');
sideBar.classList.add('scrolly');
})
});
html меню бургера:
<nav class="navbar navbar-expand-lg navbar-dark fixed-top bg-dark" id="menus">
после bg-dark, дописываем .scrolly
css:
.scrolly {height: 100%; overflow-y: scroll;}
Работает как надо! Но, видно мерцание меню, как будто бы есть доля секунды задержки.. глаза замечают что нет плавности. может быть есть еще какой-то способ ?