Чем отличается фиксирование блока с помощью JS и CSS , возможно ли сделать нормальное фиксирование с помощью CSS для отображения на планшетах и телефонах, при том, что если не делать адаптацию, без фиксированного поз. страница смотрится нормально на устройствах а при фиксированном позиционировании, всё улетает далеко, возможно ли исправить без адаптации?
Как пример можно взять : voshod-parts.ru
зафискировать блок можно что джеес, что цсс и результат будет одинаковым - если вы просто используете position:fixed. Что именно вы подразумеваете под разными реализациями?
"при фиксированном позиционировании, всё улетает далеко" - вы учитываете, что подобный блок вылетает из потока документа? Поэтому последующие блоки и поднимутся на высоту фиксированного?
Роман: к примеру, при увеличении с мобильного устройства, фиксированные блоки просто улетают, содержимое также сдвигается, хотя при обычном позиционировании всё окей, так вот, можно ли добиться без адаптации, того же результата что и при обычном позиционировании, чтобы все оставалось на своих местах?
Александр Зонов: Я кинул сайт, как пример, сейчас им занимаюсь, у меня фиксированные первые 2 блока, шапка и навигация, с компьютера смотрится окей, при просмотре на айпад или телефоне, а именно в большей степени при увеличении всё содержимое в этих блоках сдвигается... При обычном позиционировании везде смотрится окей, без какой либо адаптации, вопрос, можно ли достигнуть при фиксированном позиционировании такого же результата как и при обычном не прибегая к адаптации?
Фиксирование на JavaScript – отслеживаешь текущие размеры окна через средства JavaScript'а (вешаешь события на изменение размеров и получаешь размеры window) и применяешь новые CSS-правила в зависимости от размеров.
Фиксирование на CSS – отслеживаешь текущие размеры окна через медиа-запросы (например, max-width, min-width) и применяешь новые правила.
Обычно на JavaScript чуть проще решить проблему, но более затратно (и, вообще, это не тру), но в конечном счете и то и другое – размерами оперируешь через CSS.
Простой
