#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. извините, я ищу более надежное решение