"позиция: исправлена; снизу: 0;" не работает в iPhone

#javascript #jquery #iphone #css #mobile

#javascript #jquery #iPhone #css #Мобильный

Вопрос:

Похоже, что iPhone не поддерживает свойство css "position:fixed" есть ли хороший способ обойти это? Я просмотрел различные решения JavaScript / jQuery, которые перемещают элемент вертикально, но это не лучшее решение, я бы хотел, чтобы элемент был закреплен в нижней части экрана.

Ответ №1:

Я бы посмотрел:http://jquerymobile.com для полного решения.

Но вот независимая библиотека (это просто скрипт), чтобы заставить это работать:
http://cubiq.org/iscroll

1. Спасибо за ваш комментарий, я пробовал iscroll, но, честно говоря, он не очень хорош.

2. В целом ни один из них не очень хорош. Даже Gmail был настолько плох, что они в конечном итоге удалили его и вместо этого использовали эту плавающую панель. Отстой, но это правда. Я также попробую: разработчик. yahoo.com/yui/3/scrollview

3. итак, я протестировал решение iscroll и я бы сказал, что это было самое близкое, что я мог получить к позиции, фиксированной на iphone.

4. Если вы выбрали это решение, отметьте его как правильное, чтобы другие пользователи, выполняющие поиск, могли легко увидеть, с чем вы согласились 🙂 удачи с вашим сайтом для iPhone! Честно говоря, я тоже был очень разочарован этим, поскольку хотел создавать приложения на чистом HTML5, похожие на iPhone

5. @Oscar Godson, в конце я использовал некоторый пользовательский код jQuery, но это было проще всего реализовать и использовать из всех. вы случайно ничего не знаете о медиа-запросах?

Ответ №2:

 <div id="a"> 
  //your website content
</div>
<div id="b">
  //your fixed footer
</div>

установите высоту b на любую, какую вам нужно (css)
установите высоту a для экрана.высота — b.height (js)
также задайте стиль для переполнения: прокрутка;

Недостатком этого решения является то, что вы не будете использовать полосу прокрутки главного окна, но я думаю, что на iphone их нет, так что…

1. Для прокрутки с переполнением на iPhone требуется использовать два пальца для прокрутки. Это ужасный пользовательский интерфейс для основного содержимого вашей страницы.

2. Главный 1 за комментарий Кевина Балларда. Это кошмарный пользовательский интерфейс для пользователя — большинство пользователей даже не знают, что прокрутка двумя пальцами вообще существует.

3. Боже, пожалуйста, никакой прокрутки двумя пальцами. Честно говоря, я не знал, что вы можете это сделать, до начала этого года

4. извините, я ищу более надежное решение