Как я могу сохранить заголовок фиксированным и все еще прокручивать?

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

источник

2013-04-26 Jasmine Lawson

Показать код, пожалуйста :) – zey

Это обыкновение оставил меня, это мой первый раз на этом сайте: | Извините, я в замешательстве. –

Вы можете разместить свой контент в iframe, и заголовок и боковая панель могут быть в верхней части. В этом случае. Вы можете установить переполнение для элемента iframe. Вероятно, это могло бы помочь вам с вашим требованием

источник

2013-04-26 03:50:59

Добавьте это position:fixed; к вашему стилю деталей, который вы хотите остановиться в исправить!

Или

Ссылка this ссылку!

источник

2013-04-26 03:57:26 zey

Я сделал это, но он не позволит мне прокручивать вниз мою страницу. p { font-family: century gothic; Размер шрифта: 20 пикселей; margin-left: 14%; } div { \t border-radius: 5px; } #dw { \t позиция: относительная; \t margin-left: -40%; } #header { \t float: top; \t z-index: 1; \t позиция: фиксированная; \t ширина: 98,8%; \t margin-top: -20px; \t высота: 70px; \t background-color: # f93986; \t margin-bottom: 10px; } –

Я отредактировал свой ответ, сделайте ссылку. Может быть полезно :) – zey

Похоже, ваша проблема была в вашем HTML, а не в CSS. Тег <body> должен охватывать весь ваш контент. и не забудьте закрыть свой <div></div>. Я также переместил ваш фон тела в css, стараюсь избегать использования встроенных стилей, если вы не действительно должны.

<head> 
    <Title>About Me!</title> 
    <link type="text/css" rel="stylesheet" href="aboutme.css" /> 
</head> 

<body> 
    <div id="header"></div> 
    <div class="left"></div> 
</body> 

</html>

Updated Working Example

источник

2013-04-26 03:59:33 apaul

#header { \t float: top; \t z-index: 1; \t позиция: фиксированная; \t ширина: 98,8%; \t margin-top: -20px; \t высота: 70px; \t background-color: # f93986; \t margin-bottom: 10px; } Если я возьму фиксированное позиционирование, я могу прокрутить, и боковая панель исправлена, но когда я верну его обратно, я не могу прокручивать. –

@ JasmineLawson вы можете поместить связанный код в [jsFiddle] (http://jsfiddle.net). Все будет легче для всех, если мы сможем увидеть, с чем имеем дело. – apaul

@JasmineLawson вы также можете отредактировать свой вопрос и включить туда код. Нажмите на кнопку с скобками на ней -> "{}", и она даст вам выделенное поле для вставки кода. – apaul

Как я могу сохранить заголовок фиксированным и все еще прокручивать?

ответ

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