vaskadogana

чтобы выезжало справа, для контейнера в котором меню, нужно поставить position: absolute; right: -100%;
по клику на иконку ставите значение right: 0 или ваше значение

два контейнера наложенные друг на друга

у одного position: absolute, и overflow: hidden
ползунком меняешь размер верхнего

а зачем скрипт?)
делаешь для блока

оoverflow-y: hidden; max-height: calc(100vh - (header+footer));

и вуаля.
И на него же вешаешь он скролл, если подгрузка контента динамическая или я не понял вопроса?

90% что проблема в том, что у таба стиль display: none;
а слайдер инициализуруется на онлоад и считает что такого элемента нет.
попробуйте вставить в активный таб, чтобы проверить, если так то решением будет запуск слайдера по клику на таб

они дергаются из-за изминения размера бордера, считай ширины и высоты ячейки
вариант 1: поместить содержимое ячейки в контейнер с border transparent сразу, а при ховере/клике менять только цвет

нормальный вариант только 1)
остальное хлопотно и не кроссбраузерно

как решил?