У меня есть классическая страница с большим количеством контента и кнопка, открывающая всплывающее окно. Этот поп может иметь высоту, большую, чем мое окно, поэтому мне нужно прокручивать внутри моего всплывающего окна. Когда я спрятаю свой курок, я хочу быть в той же самой позиции прокрутки, что и до того, как это всплывающее окно. Я попробовал много решений и... это не совсем так :) Вы можете увидеть пример на JSfiddle: http://jsfiddle.net/S6EFW/11/ Я близок, но полоса прокрутки идет под меню, и я не знаю, как это исправить... :(
Вы можете видеть, что я пытаюсь сделать на сайте США СЕГОДНЯ: http://www.usatoday.com/
Если вы немного прокрутите список и нажмите на одну из основных статей, появится всплывающее окно. Вы можете прокручивать это всплывающее окно. Когда вы закрываете всплывающее окно, вы находитесь на том же месте страницы, что и для открытия всплывающего окна.
Я попытался использовать:
overflow-y:scroll;
Но у меня все еще есть проблема с полосой прокрутки и фиксированным меню... :(
Если у вас есть идея, чтобы достичь этого!
Для вашего #content
попробуйте с margin
вместо padding
:
#content {
margin-top : 100px;
padding-top:10px;
}
Проверьте это http://jsfiddle.net/S6EFW/18/
Добавить z-index:-999;
к вашему #hello
так:
#hello {
position : absolute;
top : 0px;
width : 100%;
height : 100px;
background-color : #123456;
z-index:-999;