Помощь с устранением бага на iphone iOS 11 (6,7,X)
11 USDПривет!
Этот баг замечен только на 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, это проблема не только моего устройства
Applications 1
-
1 day11 USD
83 1 day11 USD
Ну если высота нижнего блока не меняется, то да, можно и 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грн 😉 -
Готов взяться за работу!
-
Вы сделайте, если получится, тогда пишите и заключим сделку, уже люди обожглись
-
Здравствуйте!
Отпишите мне, попробую сделать.
-
Отписую, пробуйте)
-
Current freelance projects in the category HTML & CSS
Tensioning the HTML template of the website on WordPressThe HTML template of the website needs to be transferred (migrated) to the WordPress CMS as accurately as possible. As a result, the pages of the site on WP should be easily editable. Please suggest your budget options and deadlines for completion. A relatively low cost is… HTML & CSS, Website Development ∙ 27 minutes back ∙ 15 proposals |
Article in Wikipedia
40 USD
Professional article on Wikipedia about a photographic artist, describing his awards and distinctions, and more HTML & CSS ∙ 7 hours 8 minutes back ∙ 5 proposals |
Webflow developer for filling portfolio pages on the websiteA website custom-built on Webflow for a construction company needs to quickly fill project pages using one template (replace images and texts) For 2 languages Quantity - 6 pieces Ready to start asap, thank you! HTML & CSS, Web Programming ∙ 1 day 10 hours back ∙ 38 proposals |
Layout and setup of a WordPress site for a construction company (Premium segment) with a focus on SEOProject Description: We are looking for an experienced WordPress developer to implement and deploy a ready design layout from Figma onto the WordPress CMS. Important Project Context: This is not a website development from scratch. The company has an existing website, and we are… HTML & CSS, Web Programming ∙ 1 day 15 hours back ∙ 62 proposals |
Moved the website from OpenCart to the Khoroshop platformHello. There is a website on OpenCart, an online store. It is necessary to transfer the structure of the site to the GoodShop platform, select a design for the new site, and make it fully functional. HTML & CSS, Web Programming ∙ 2 days 11 hours back ∙ 34 proposals |
Kyiv