Чем отличается фиксирование на JS и CSS?

Question

[smoklew]

Чем отличается фиксирование блока с помощью JS и CSS , возможно ли сделать нормальное фиксирование с помощью CSS для отображения на планшетах и телефонах, при том, что если не делать адаптацию, без фиксированного поз. страница смотрится нормально на устройствах а при фиксированном позиционировании, всё улетает далеко, возможно ли исправить без адаптации?
Как пример можно взять : voshod-parts.ru

Comments

[Александр Зонов]

дополните вопрос примерами той и иной реализации. тогда проще будет понять о чем вопрос.

[Роман]

зафискировать блок можно что джеес, что цсс и результат будет одинаковым - если вы просто используете position:fixed. Что именно вы подразумеваете под разными реализациями?

"при фиксированном позиционировании, всё улетает далеко" - вы учитываете, что подобный блок вылетает из потока документа? Поэтому последующие блоки и поднимутся на высоту фиксированного?

[smoklew]

Роман: к примеру, при увеличении с мобильного устройства, фиксированные блоки просто улетают, содержимое также сдвигается, хотя при обычном позиционировании всё окей, так вот, можно ли добиться без адаптации, того же результата что и при обычном позиционировании, чтобы все оставалось на своих местах?

[smoklew]

Александр Зонов: Я кинул сайт, как пример, сейчас им занимаюсь, у меня фиксированные первые 2 блока, шапка и навигация, с компьютера смотрится окей, при просмотре на айпад или телефоне, а именно в большей степени при увеличении всё содержимое в этих блоках сдвигается... При обычном позиционировании везде смотрится окей, без какой либо адаптации, вопрос, можно ли достигнуть при фиксированном позиционировании такого же результата как и при обычном не прибегая к адаптации?

Answer 1

[Алексей Рытиков]

Фиксирование на JavaScript – отслеживаешь текущие размеры окна через средства JavaScript'а (вешаешь события на изменение размеров и получаешь размеры window) и применяешь новые CSS-правила в зависимости от размеров.
Фиксирование на CSS – отслеживаешь текущие размеры окна через медиа-запросы (например, max-width, min-width) и применяешь новые правила.

Обычно на JavaScript чуть проще решить проблему, но более затратно (и, вообще, это не тру), но в конечном счете и то и другое – размерами оперируешь через CSS.