У меня есть боковая панель при отображении на мобильном телефоне и в поле ввода поиска, она закрывается, когда открыта мобильная клавиатура, а также, если высота страницы изменяется при проверке браузера, как показано на следующих изображениях:
![enter image description here](https://i.stack.imgur.com/1iCct.gif)
это единственный код, содержащий функции innerHeight
function fitContent() {
var top = $(window).scrollTop() < 340 ? 270 - $(window).scrollTop() : 0;
rightSide.css("top", top + "px");
content.css("min-height", window.innerHeight - 130 + "px");
var window_Width = window.innerWidth;
if (window_Width < 1366) {
closeRightSide();
} else {
openRightSide();
}
}
и fitContent
, выполняемые в window.resize
и document.ready
. Кроме того, эта боковая панель имеет функции открытия и закрытия, которые переключаются между двумя классами и изменяют логическое значение атрибута.
function openRightSide() {
body.removeClass("shrink");
body.addClass("expand");
rightSide.attr("data-expand", "true");
}
Я заметил, что атрибут data-expand
превращается в false при изменении высоты. и нет никакого дополнительного кода или css, связанного с ним.
Вопрос:
Как можно предотвратить изменение высоты при закрытии боковой панели? Какой кусок кода я могу использовать?