Switch74

в идеале не стоит использовать сторонние скрипты, чтобы потом их переписывать левый и правый блоки можно указывать в px или в %, например если вы им выделите по 20%, то центральному останется 60% display:inline-block нужен будет и желательно сделать для этих блоков overflow:hidden; я бы картинки вставлял через img, а не background и выравнивал по центру этих блоков

не пойму почему у вас 4 active ставится, мне казалось нужно всего 3 у вас есть классы для центрального .active.center увеличиваете ширину, для всех остальных уменьшаете

каким образом футер исчезает, если картинкам поставить 100% высоты? https://jsfiddle.net/cmzn284v/1/

https://jsfiddle.net/cmzn284v/ в .middle запихиваете карусельку и все

судя по всему вам тупо карусельку нужно по размерам окна браузера

Спс. Что-то подобное пробовал, но затупил и естесно не получилось.

Прохожу как раз по данной ссылке, кэш чистил - не помогло у вас contactForm_oneclick имеет height:auto; но при этом он position:fixed; с top и bottom что выставляет для этого блока жесткие размеры в данном варианте вам нужна обертка для contactForm_oneclick c position:fixed;height:100%;overflow:auto; а contactForm_oneclick сделать обычным position:relative; например

проблема в том, что пришлось отказаться от animate, так как при ней буквы в тексте скакали при маленькой скорости

сейчас у меня на сайте стара форма с скроллом судя по скрину вы сделали для своей формы height:100%, а нужно было для обертки вашей формы, которую вы должны были добавить. Для формы height:auto; укажите.

Что-то не нашел данной информации, хотя в определенных случаях оно автоматически отменяется. В этом примере сделал прокрутку длинного текста. Если кликнуть на "Очень длинный текст для прокрутки", он начнет ездить влево-вправо. Если в момент, когда он едет влево нажать например на "Просто длинный текст", то он мгновенно возвращается назад (так и нужно). А вот если нажать в тот момент, когда он едет вправо, то анимация продолжится до конца. Хотелось бы, чтобы текст при клике возвращался мгновенно.

пустого не будет

Тут много нюансов: 1. у вас окно position:fixed; оно у вас должно на мобильнике быть height:100%;overflow:auto; 2. скролл от body у вас остается активным, а крутить его смысла нет 3. строгие размеры - это как правило зло, особенно в адаптивной верстке я бы для вашего #contactForm_oneclick сделал обертку, которая будет 100% по высоте и position:fixed; с overflow:auto; а вашу форму сделал резиновой по высоте, тогда если она будет слишком большой, то у вас будет появляться скролл, иначе будет показываться вся форма

возможно вы и правы

я бы добавлял отступ от низа страницы равный скажем высоте клиентской области до появления клавиатуры, ну или если заморочиться, то разности высоты клиентской части до и после появления клавиатуры, но мне кажется это не обязательно. Единственное - нужно подумать как и когда убирать этот отступ. Пока на ум приходит потеря фокуса данным полем. Не помню точно можно ли отследить через JS появление клавиатуры в браузере, но если можно, то будет совсем шоколадно.

мне почему-то кажется, что ТС не хочется крутить горизонтальную полосу прокрутки, чтобы увидеть весь текст из этого блока

а что изменилось? текст так и остается скрытым

А при чем тут height, если речь идет о width судя по всему?

что-то вроде

Попробуйте сделать два класса show и hide с анимацие изначально ваш элемент должен быт скрыт без анимации и не иметь этих классов

че бы вдруг?

такое бывает, когда вы анимируете свойство которым скрываете пробуйте скрыть элемент по умолчанию другим свойством (не анимируемым)

ну как бы не заметил, пока писал, твоего не было

я бы посоветовал сделать обертку, для вашего header, которая будет на всю ширину браузера и уже в этой обертке сделать нужный фон на правую половину сайта header будет накладываться на этот фон, главное состыковать без швов полосу. Идея в следующем https://jsfiddle.net/0rzhsdnx/6/ так же можно сделать и другими способами, которые очень похожи на этот

$('.blockeasing li').on('click', function(){ if(document.documentElement.clientWidth < 1024) $('div.menu__drop').toggle("slow"); });

попробуйте использовать другие теги, например span, a, input если у них так же будет изменяться "<" на "_", значит скорее всего разработчики заблокировали данную возможность, иначе можно попробовать вставить блок <div style="width:100px;height:50px;background:url(...);"></div>