2013-03-27 3 views
0

Я использую адаптивную структуру 1140px. В мобильной версии я должен зафиксировать положение логотипа, но не перекрывать содержимое прокрутки. В основном фиксируйте положение, но не фиксируйте изображение на прокрутке, это можно сделать?Фиксированное положение в отзывчивом дизайне

+0

По вашему определению вы не хотите фиксированного, вы хотите абсолюта. – Leeish

+0

Единственный способ, который можно было бы сделать, это иметь вашу оболочку 'overlflow-y: scroll;' и body' overflow: hidden'; это тот же эффект, который вы видите на веб-сайтах, например themeforest, когда вы просматриваете страницу, и это говорит о спрятанном фрейме. Я прав? – iConnor

+0

oh, а высота вашего логотипа как 'margin-top' вашей обертки – iConnor

ответ

2

Похоже, что вы хотите position: absolute, разница в том, что абсолютные изображения не перемещаются при прокрутке.
http://www.impressivewebs.com/absolute-position-css/

Это стоит посмотреть по этой ссылке, чтобы увидеть различие между относительным, абсолютным и фиксированным позиционированием:
http://css-tricks.com/absolute-relative-fixed-positioining-how-do-they-differ/

5

Вы хотите использовать position:absolute

  • position:fixed исправляет элемент на экране, поэтому он не будет двигаться при прокрутке (он крепится к окну).

  • position:absolute фиксирует элемент на основе ближайшего ancestor, что не position:static, поэтому он будет двигаться, когда вы прокрутите страницу (она крепится к странице).

+1

True Answer .... – iConnor

Смежные вопросы