Помощь с устранением бага на iphone iOS 11 (6,7,X)
41 PLNПривет!
Этот баг замечен только на 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, это проблема не только моего устройства
Załączniki 1
-
1 dzień41 PLN
83 1 dzień41 PLN
Ну если высота нижнего блока не меняется, то да, можно и 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грн 😉 -
Готов взяться за работу!
-
Вы сделайте, если получится, тогда пишите и заключим сделку, уже люди обожглись
-
Здравствуйте!
Отпишите мне, попробую сделать.
-
Отписую, пробуйте)
-
Aktualne zlecenia dla freelancerów w kategorii Javascript & Typescript
Wsparcie i rozwój strony internetowej firmy sprzątającej
75 PLN
Szukam programisty / webmastera do długoterminowego wsparcia i rozwoju strony internetowej firmy sprzątającej. Strona: https://donely.ca O projekcie DoneLy Home Services — firma świadcząca usługi sprzątania w Kanadzie, która aktywnie się rozwija i rozszerza zasięg działalności.… Javascript & Typescript, Programowanie stron internetowych ∙ 13 godzin 36 minut temu ∙ 51 ofert |
Opracowanie strony internetowej według specyfikacji na FramerTrzeba zrobić stronę według tych parametrów, które są w specyfikacji https://docs.google.com/document/d/1ODO2C9Krb4AaMiJz9wfbNzWlAyA2FwCCHL8r0biajUY/edit?usp=sharing Podajcie rzeczywistą stawkę na podstawie tego projektu Układ HTML i CSS, Javascript & Typescript ∙ 1 dzień 14 godzin temu ∙ 26 ofert |
Opracowanie interaktywnej mapy Palworld dla strony internetowejPotrzebna jest interaktywna mapa Palworld na wzór: https://palworld.gg/map Potrzebujemy nie tylko statycznego obrazka, ale pełnoprawnej interaktywnej mapy, na której użytkownik może przeglądać lokalizacje, włączać/wyłączać kategorie obiektów, wyszukiwać potrzebne punkty i… Układ HTML i CSS, Javascript & Typescript ∙ 3 dni 5 godzin temu ∙ 32 oferty |
Rozwój platformy AM Mobility (serwis samochodowy, parking, ubezpieczenie, wynajem samochodów)
21 300 PLN
Szukamy zespołu lub doświadczonego programisty Full Stack do stworzenia MVP platformy AM Mobility. AM Mobility to jednolita cyfrowa ekosystem dla kierowców, łącząca w jednej aplikacji i platformie internetowej: parking; serwis samochodowy; wulkanizację; myjnię samochodową;… Javascript & Typescript, Programowanie stron internetowych ∙ 8 dni 11 godzin temu ∙ 119 ofert |
Animacje Gsap
83 PLN
Dzień dobry. Trzeba wprowadzić poprawki w bieżącym projekcie. Potrzebny specjalista, który dobrze pracuje na gsap/lenis Trzeba zrobić animację kart. Szczegółowe wymagania tutaj:… Javascript & Typescript, Programowanie stron internetowych ∙ 8 dni 17 godzin temu ∙ 21 ofert |
Kijów