Проблема с переходами jQuery / CSS между слайдами, нарушающими положение: фиксированная производительность внутри слайда

Question

Проблема с переходами jQuery / CSS между слайдами, нарушающими положение: фиксированная производительность внутри слайда

0

Привет, я работаю над переходом стиля "страницы" между элементами на странице. Мой подход в значительной степени относится к этому, который отлично работает, но когда я помещаю что-то с позицией "исправлено" на одной из "страниц", функциональности просто не происходит - ее работа больше похожа на абсолютное позиционирование. Код в основном..

<nav id="navigation-bar">
    <!-- Content Goes Here --->
</nav>

#navigation-bar {
    position: fixed;
    top: 0;
    width: 100%;
}

Кто-нибудь знает, если это решение? Или, если это не возможная альтернатива? Если вы позиционируете навигационную панель за пределами "страницы", она работает, но я не уверен, как связать навигационную панель # с "переходом" в одно и то же время/стиль, как и слайд. Я также думаю, что это усложняет ситуацию - есть элемент на мобильном представлении, который должен находиться на странице, чтобы работать, а также фиксированная позиция, и мне нужен подход, который по существу работает с позиционированием html внутри панели/страницы, но может быть установлен неподвижным и работает.

Keith Mason 29 нояб. 2013, в 15:47

Источник

Теги:

javascript

jquery

html

css

css3

1 ответ

Ещё вопросы

DaniP · Accepted Answer · 2013-11-29T11-19-00.000Z

То, как position:fixed работы извлекают элемент из всех DOM.

Элемент с положением: фиксированный фиксирован относительно окна просмотра. Он остается там, где он есть, даже если документ прокручивается.

В другом боковом position:absolute способен извлечь элемент, но поместить его относительно другого содержащего блока.

В то время как положение и размеры элемента с положением: абсолютное относительно его содержащего блока, положение и размеры элемента с положением: фиксированные всегда относятся к исходному содержащему блоку. Обычно это окно просмотра: окно браузера или окно страницы с документами. Чтобы продемонстрировать это, в приведенном ниже примере вы сделаете один из своих элементов исправленным. Вы сделаете другой очень высокой, чтобы вызвать полосу прокрутки, чтобы было легче увидеть эффект, который у нее есть.

Поэтому, если у вас есть один элемент с фиксированным положением внутри каждого div это не имеет значения, потому что его извлекают и позиционируют относительно основного контейнера. Тогда лучшее, что вы можете сделать, это работа с position:absolute.