переполнение, фиксированный элемент и полоса прокрутки кошмар

0

У меня есть классическая страница с большим количеством контента и кнопка, открывающая всплывающее окно. Этот поп может иметь высоту, большую, чем мое окно, поэтому мне нужно прокручивать внутри моего всплывающего окна. Когда я спрятаю свой курок, я хочу быть в той же самой позиции прокрутки, что и до того, как это всплывающее окно. Я попробовал много решений и... это не совсем так :) Вы можете увидеть пример на JSfiddle: http://jsfiddle.net/S6EFW/11/ Я близок, но полоса прокрутки идет под меню, и я не знаю, как это исправить... :(

Вы можете видеть, что я пытаюсь сделать на сайте США СЕГОДНЯ: http://www.usatoday.com/

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

Я попытался использовать:

  overflow-y:scroll;

Но у меня все еще есть проблема с полосой прокрутки и фиксированным меню... :(

Если у вас есть идея, чтобы достичь этого!

Теги:
scroll
fixed

2 ответа

1

Для вашего #content попробуйте с margin вместо padding:

#content {
  margin-top : 100px;
  padding-top:10px;
}

Проверьте это http://jsfiddle.net/S6EFW/18/

0

Добавить z-index:-999; к вашему #hello

так:

#hello {
    position : absolute;
    top : 0px;
    width : 100%;
    height : 100px;
    background-color : #123456;
    z-index:-999;
  • 0
    Спасибо, но если я сделаю это, текст прокручивается в меню. Я пытался добавить z-index: -1000 к #content, но это не работает.
  • 0
    И самое главное, вы не можете взаимодействовать с div с отрицательным z-индексом. Плохая идея для меню :)

Ещё вопросы

Сообщество Overcoder
Наверх
Меню