Я использую адаптивную структуру 1140px. В мобильной версии я должен зафиксировать положение логотипа, но не перекрывать содержимое прокрутки. В основном фиксируйте положение, но не фиксируйте изображение на прокрутке, это можно сделать?Фиксированное положение в отзывчивом дизайне
ответ
Похоже, что вы хотите position: absolute
, разница в том, что абсолютные изображения не перемещаются при прокрутке.
http://www.impressivewebs.com/absolute-position-css/
Это стоит посмотреть по этой ссылке, чтобы увидеть различие между относительным, абсолютным и фиксированным позиционированием:
http://css-tricks.com/absolute-relative-fixed-positioining-how-do-they-differ/
Вы хотите использовать position:absolute
position:fixed
исправляет элемент на экране, поэтому он не будет двигаться при прокрутке (он крепится к окну).position:absolute
фиксирует элемент на основе ближайшегоancestor
, что неposition:static
, поэтому он будет двигаться, когда вы прокрутите страницу (она крепится к странице).
True Answer .... – iConnor
- 1. Заголовки в отзывчивом дизайне.
- 2. Фоновое изображение в отзывчивом дизайне
- 3. фиксированный фон в отзывчивом дизайне HTML/CSS
- 4. Центрированные коробки в отзывчивом дизайне
- 5. Использование em в отзывчивом дизайне
- 6. поведение div в отзывчивом дизайне
- 7. Масштабирование объекта в отзывчивом дизайне
- 8. Центрирование элемента в отзывчивом дизайне
- 9. медиа-запросы в отзывчивом дизайне
- 10. CSS: абсолютное позиционирование в отзывчивом дизайне
- 11. вертикальное центрирование div в отзывчивом дизайне
- 12. Изображения не правильно выравниваются в отзывчивом дизайне
- 13. Кадры изображения пропорционально в отзывчивом дизайне?
- 14. CSS3 Медиа-запросы в веб-отзывчивом дизайне
- 15. Переместить весь TD в отзывчивом дизайне?
- 16. Условно загружая javascript в отзывчивом дизайне
- 17. Изменить порядок элементов навигации в отзывчивом дизайне
- 18. Переключатель двух div в отзывчивом дизайне
- 19. Абсолютно позиционированные элементы в отзывчивом дизайне
- 20. Переместить левую колонку в отзывчивом дизайне
- 21. Как использовать CSS спрайты в отзывчивом дизайне
- 22. Показаны чрезвычайные различия в отзывчивом дизайне
- 23. Нужно центрировать герой стрелки в отзывчивом дизайне
- 24. Место div внутри div в отзывчивом дизайне
- 25. Вертикальное выравнивание 2 divs в отзывчивом дизайне
- 26. Как оставаться пропорциональным в отзывчивом дизайне?
- 27. Как определить высоту в отзывчивом дизайне
- 28. css sprite переход в отзывчивом дизайне
- 29. Невозможно переопределить элемент css в отзывчивом дизайне
- 30. фиксированный размер iframe в отзывчивом дизайне
По вашему определению вы не хотите фиксированного, вы хотите абсолюта. – Leeish
Единственный способ, который можно было бы сделать, это иметь вашу оболочку 'overlflow-y: scroll;' и body' overflow: hidden'; это тот же эффект, который вы видите на веб-сайтах, например themeforest, когда вы просматриваете страницу, и это говорит о спрятанном фрейме. Я прав? – iConnor
oh, а высота вашего логотипа как 'margin-top' вашей обертки – iConnor