Максим Люмен: codepen.io/Seftomsk/pen/yJOxbj вот код такой, есть меню, я хочу, чтобы минимальная ширина была 960px, чтобы меню сохранить в исходном виде и в то же время позицию fixed задаю и можете сворачивать экран и увидите, что в меню всё скрывается
Тогда меню работает точно также как и если вообще у него не будет min-width (а именно, сжимается весь контент внутри него, чтобы уместиться, а я хочу чтобы всё в точности на местах осталось...)
Моя минимальная ширина 960px, при меньшем размере появляется нижний горизонтальный scroll, а если у элемента position: fixed, то он занимает всю ширину браузера и не влезающий контент рубится
Спасибо за наводку, более менее работает не Ваш вариант, а чуть измененный
function windowSize() {
//var fullpageActive = false;
if($(window).width() >= 1100) {
$('#fullpage').fullpage({
anchors: ['header', 'services-section', 'portfolio-section', 'blog-section', 'contact-section'],
menu: '#menu',
navigation: true,
navigationPosition: 'right',
navigationTooltips: [],
responsiveWidth: 1100,
scrollBar: true,
normalScrollElements: '.section-five, .section-three',
responsiveHeight: 769,
fitToSection: false,
});
//fullpageActive = true;
}
else {
$.fn.fullpage.destroy('all');
fullpageActive = false;
}
}
$(window).on('load resize', windowSize);
Но при ресайзе выдает каждый раз ошибку jquery.fullPage.min.js:8 fullPage: Fullpage.js can only be initialized once and you are doing it multiple times! Но всё равно работает, после 1000 пикселей, перестает работать скрипт (перестает на всю высоту блок выравнивать) и обратно когда ресайз делаю, то снов работает, но эта ошибка, понимаю, что в логике ветвления что-то, но не ясно что, если есть идеи, поделитесь, пожалуйста, а так спасибо