Помощь с устранением бага на iphone iOS 11 (6,7,X)
500 UAHПривет!
Этот баг замечен только на iPhone.
Для наглядности и проверки решений, я создал архив с версткой простой странички, где все могут узреть баг и попробовать свои варианты решений даной проблемы. Так же вы можете потестить и посмотреть на баг "вживую" по ссылке http://vova4.arturmoroz.com/
Также приложил видео с багом (в архиве с версткой).
Суть проблемы: есть 2 блока https://monosnap.com/file/0YcZvwOUZMqQV7QeUmmvcHKJ6Y4kga , верхний блок з скролом и нижний , они сделаны через flex, можете сделать через fixed либо absolute, не имеет значения, в нижнем есть textarea, когда на iphone нажимаешь на textarea, тогда появляется виртуальная клавиатура https://monosnap.com/file/RdYFugZq4zDQA9mbkHbqirQjyhQd70 , если начинаю скролить верхний блок, и при этом касаюсь нижнего блока, тогда нижний блок пропадает, тоесть начинает тоже скролится.
Нужно придумать решение, что бы нижний блок никогда не скролился, тоесть не пропадал с зоны видимости экрана.
На любые вопросы отвечу.
Предлагаю вариант сотрудничества, Вы решили даную проблему, пишите мне об этом, я заключаю с Вами сделку через сейф, проверяю все ли работает, и если все хорошо закрываю сделку.
эта проблема тестилась и на safari и на chrome, на iphone 7+ и iphone X, это проблема не только моего устройства
Додатки 1
-
1 день500 UAH
83 1 день500 UAH
Ну если высота нижнего блока не меняется, то да, можно и fixed:
.content {
padding: 20px;
overflow: auto;
background: #b3b3b3;
position: fixed;
left: 0;
top: 0;
… right: 0;
bottom: 86px;
}
.food {
padding: 20px;
background: #009a00;
position: fixed;
bottom: 0;
width: 100%;
}
wrapper не нужен
-
Задача честно говоря не самая простая. И одним css это не реализовать. До ios 10 это было значительно проще. iOS не считает, что видимая зона уменьшается. Нужно:
1.помощью JavaScript обсчитать размер окна,
2. получить window.pageYOffset после появления клавиатуры
3. Отнять от первого второе и полученный размер записывать в .wrapper css.
Если сейчас вручную поиграете с размером wrapper указав например 60%, то увидите, что textarea уже не будет скрошиться вниз.
Короче эта работа стоит больше чем 500грн 😉 -
Готов взяться за работу!
-
Вы сделайте, если получится, тогда пишите и заключим сделку, уже люди обожглись
-
Здравствуйте!
Отпишите мне, попробую сделать.
-
Отписую, пробуйте)
-
Актуальні фриланс-проєкти в категорії HTML та CSS верстання
Стаття в Вікіпедії
1812 UAH
Професійна стаття у Вікіпедії про художника-фотографа, опис його нагород і відзнак, а також позу HTML та CSS верстання ∙ 8 годин 59 хвилин тому ∙ 7 ставок |
Webflow розробник для заповнення сторінок портфоліо на сайтіЄ сайт розроблений кастомно на вебфлоу для будівельної компанії, потрібно швидко заповнити сторінки проектів за одним шаблоном (замінити картинки і тексти) Для 2 мов Кількість - 6 штук Готові починати asap, дякую! HTML та CSS верстання, Веб-програмування ∙ 1 день 12 годин тому ∙ 39 ставок |
Верстка та посадка на WordPress сайту будівельної компанії (Premium-сегмент) з акцентом на SEOОпис проєкту:Шукаємо досвідченого WordPress-розробника для верстки та посадки готового дизайн-макета з Figma на CMS WordPress. Важливий контекст проєкту:Це не розробка сайту з нуля. Компанія має діючий сайт, ми оновлюємо структуру та дизайн. Нам необхідно реалізувати головну… HTML та CSS верстання, Веб-програмування ∙ 1 день 17 годин тому ∙ 65 ставок |
Переніс сайта з опенкарту на платформу ХорошопДобрий день. Є сайт на опенкарті, інтернет магазин. Потрібно перенести струкутуру сайту на платформу хорошоп, підібрати дизайн для нового сайту та зробити його повноцінно працюючим HTML та CSS верстання, Веб-програмування ∙ 2 дні 13 годин тому ∙ 35 ставок |
Потрібен сильний WordPress / WooCommerce спеціаліст для доопрацювання сайту MARSPROШукаємо відповідального фрілансера або невелику команду для якісного завершення та технічного доопрацювання сайту компанії MARSPRO. Сайт вже працює, але після попереднього розробника залишилось багато дрібних і важливих технічних проблем. Нам потрібна людина, яка зможе не просто… CMS, HTML та CSS верстання ∙ 3 дні 14 годин тому ∙ 44 ставки |
Київ