Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.85/34: Рейтинг темы: голосов - 34, средняя оценка - 4.85
1 / 1 / 0
Регистрация: 08.08.2017
Сообщений: 72

Не работает position:fixed на мобильных

05.02.2018, 13:28. Показов 7443. Ответов 11
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Добрый день. Есть сайт: kvest2018.ru , вопрос по его меню. Меню имеет position:fixed, то есть должно мертво стоять сверху. Однако на мобильных устройствах при прокрутке вниз оно наполовину прячется. Не помогает даже
CSS
1
position:fixed!important; top:0!important;
Подскажите в чем дело, уже полдня вожусь. Спасибо.
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
05.02.2018, 13:28
Ответы с готовыми решениями:

"position:fixed" в мобильных браузерах
Столкнулся с тем, что фиксированное позиционирование не работает в мобильных браузерах. Решения не нашёл. Может кто знает как заставить...

position:fixed не работает в IE
position:fixed не работает в IE. В опере и мозилке нормально работает. при прокрутке держится на месте. а в IE сползает вниз. что делать? ...

В IE не работает position:fixed
Здравствуйте! Подскажите пожалуйста- сделал кнопку "позвонить" справа посередине экрана и в CSS для этого блока DIV поставил...

11
 Аватар для atanov
640 / 481 / 172
Регистрация: 26.05.2016
Сообщений: 2,674
05.02.2018, 21:35
Это где Masha Kolibri надпись?
У меня на HTC Chrome и Safari на iPad ничего не прячется. Где проверяли?
0
1 / 1 / 0
Регистрация: 08.08.2017
Сообщений: 72
05.02.2018, 21:42  [ТС]
да,там где логотип и значок меню. проверял на xioaomi redmi в хроме и на ноутбуке тоже в хроме
0
 Аватар для atanov
640 / 481 / 172
Регистрация: 26.05.2016
Сообщений: 2,674
05.02.2018, 21:57
Ноут же как комп вроде? Вы случаем не меняли этот атрибут - я бы историю потёр в браузере и его перезапустил. Сейчас ещё раз на iPad проверил, с которого пишу, все нормально.
0
1 / 1 / 0
Регистрация: 08.08.2017
Сообщений: 72
05.02.2018, 22:04  [ТС]
кеш почистил,но не помгло. в мозилле все норм.я на ноуте включаю в режиме разработчика просмотр в разных разрешениях. на телефон сейчас в mi браузер смотрю, при прокрутке вниз полрвина меню прячется.
0
 Аватар для atanov
640 / 481 / 172
Регистрация: 26.05.2016
Сообщений: 2,674
06.02.2018, 10:22
Сейчас проверил на Edge и Opera. На Edge немного дробит при скроллинге, но не уползает никуда
0
1 / 1 / 0
Регистрация: 08.08.2017
Сообщений: 72
06.02.2018, 11:57  [ТС]
Ясно. Наверно все нормально, это просто мой телефон(я уже за ним такое замечал) несмотря на очистку кэша показывает с глюками. А вы мне случайно не подскажите, что нужно сделать, чтобы при нажатии на пункт меню оно закрывалось. А то сейчас неудобно, чтобы закрыть меню нужно снова на пирожок нажимать.
0
 Аватар для atanov
640 / 481 / 172
Регистрация: 26.05.2016
Сообщений: 2,674
06.02.2018, 12:21
На javascript и нужен Ваш код. Хотя Ваше меню вельми удобное, зачем его прятать-то от пользователя? Ну вот пользователь нажал на 'ОБО МНЕ', меню скрылось, а дальше? Например ему понравилось и он захотел заказать, куда тыкать/мацать будет?
0
1 / 1 / 0
Регистрация: 08.08.2017
Сообщений: 72
06.02.2018, 12:30  [ТС]
Может быть вы и правы. Хотя на многих сайтах при нажатии на пункт выпадающее меню скрывается, а страница прокручивается до нужного якоря.
0
 Аватар для atanov
640 / 481 / 172
Регистрация: 26.05.2016
Сообщений: 2,674
06.02.2018, 12:48
Я бы оставил как есть.
0
Эксперт HTML/CSS
 Аватар для Fedor92
2964 / 2621 / 1068
Регистрация: 15.12.2012
Сообщений: 10,091
Записей в блоге: 11
06.02.2018, 14:24
По всей видимости скрипт неверно высчитывает начальную позицию при прокрутке... Стили здесь не причём... Скрытие меню можно допилить на jquery, используя функцию hide при клике...
0
1 / 1 / 0
Регистрация: 08.08.2017
Сообщений: 72
06.02.2018, 14:27  [ТС]
ну вот,хоть не у одного меня так.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
06.02.2018, 14:27
Помогаю со студенческими работами здесь

Position: fixed
CSS .fixed {position:fixed;top:0; left:0; width:100%;} .block {margin-top:50px; } HTML <div class="fixed"></div> <div...

position:fixed
хром меню показывает не там где нужно http://stihi-na-zakaz.16mb.com/site/ как сделать что бы оно было там где нужно? если жестко...

Проблема с position: fixed
Всем привет. сайт furshet-forma.ru/ catalog/predmety-servirovki-stola/salfetki-bumazhnye-odnotonnye-23-25/ банер в правом...

Непонимание с position: fixed
При выполнении кода: <div id="up_to_top"><a href="#">UP</a></div> Из-за этой строки position: fixed; На страничке нечего не...

Position fixed по центру
Здравствуйте! Подскажите пожалуйста как задать элементу свойство position fixed и чтоб оно цбыло по центру в разных разрешениях монитора?


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
12
Ответ Создать тему
Новые блоги и статьи
SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств
8Observer8 07.02.2026
Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве
8Observer8 02.02.2026
Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .
Философия технологии
iceja 01.02.2026
На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf
8Observer8 01.02.2026
Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .
SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли
8Observer8 30.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm
8Observer8 30.01.2026
Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .
SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 29.01.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT
bedvit 28.01.2026
Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru