Видео фон, вызывающий скольжение навигационной навигационной системы?

Question

Видео фон, вызывающий скольжение навигационной навигационной системы?

0

Я работаю над сайтом, на котором есть полностраничный видеоролик. Существует навигационная панель, которая открывается с помощью jQuery UI слева слева, когда пользователь прокручивается до содержимого сайта.

Здесь находится сайт: http://www.nolanmanning.com/ratcaveV12

Как вы можете видеть, навигатор скользит, но не сразу появляется над всем остальным. Я предполагаю, что это из-за чего-то неправильного, что я делаю с z-индексами, но я не знаю. Если я удаляю эффект скольжения и просто вижу навигацию в любое время, проблема исчезает.

Если кто-то может помочь мне понять, что я делаю неправильно, я бы очень признателен.

Nolan Manning 06 дек. 2013, в 15:00

Источник

Теги:

jquery

html

css

jquery-ui

z-index

1 ответ

Ещё вопросы

toast · Answer 1 · 2013-12-06T13-48-00.000Z

nav {
  box-sizing: border-box;
  position: fixed;
  height: 100%;
  width: 280px;
  background: #222;
  text-align: right;

  z-index: 3; /* change to 3 */
}

article {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  background: #111;
  padding: 50px 50px 50px 330px;

  position: relative; /* added */
  z-index: 2; /* added */
}

#top {
  width: 100%;
  height: 100%;

  position: relative; /* added */
  z-index: 1; /* added */
}

Я предлагаю вам изменить партию padding сверху на следующее:

#top h1 {
  padding-top: 60px;
}

Это должно решить проблему z-index.

Это сработало отлично! Я не могу отблагодарить тебя достаточно. Z-индексы постоянно меня смущали. Вы знаете какие-нибудь хорошие ресурсы, которые могут помочь мне освоить их?