2015-02-02 6 views
1

Я хочу добавить scrollbar в div id="kryesore" на главной странице, когда я попробую, он не работает. Можете ли вы сказать мне, что я могу сделать и как я могу исправить?Как добавить прокрутку в div

ниже 2 скриншот, как она выглядит следующим образом: л

ответ

2

изменение линии

<div id="kryesore"> 

в

<div id="kryesore" style="overflow-y: scroll;"> 

или вы можете написать в вашем CSS или стиль тега в голове, как

#kryesore 
{ 
    overflow-y:scroll; 
} 

рабочего для меня.

+0

Почему он не работает для меня, можете ли вы проверить этот код в CSS: #kryesore { переполнение: прокрутка; } #header { наверх: 0px; ширина: 1023px; позиция: фиксированная; переполнение: авто; высота: 100px; } #headerLeft { наверх: 0; позиция: фиксированная; Слева: 0px; ширина: 630px; высота: 100px; } #headerRight { Право: 0px; \t \t положение: абсолютное; } #footer { ширина: 1023px; позиция: фиксированная; верх: 700px; высота: 70px; margin-left: 0px; margin-bottom: 0px; margin-top: 0px; переполнение: авто; } #footerleft { наверх: 0; \t left: 0px; \t позиция: абсолютная; } – Klevi

+0

#footerCenter { позиция: абсолютная; верх: 0px; левый: 20%; ширина: 310 пикселей; высота: 119px; } #footerRight {top: 0px; Право: 104px; позиция: абсолютная; } #maincontent { позиция: фиксированная; верх: 100px! Important; ширина: 1023px; высота: 600 пикселей; переполнение: авто; } – Klevi

+0

это из-за того, что вы сделали некоторый div как исправленный ... u пытающийся дать высоту вашему div # kryesore {height: 1000px; переполнение: прокрутки; } –

2

Используйте overflow свойство, чтобы добавить полосу прокрутки только при необходимости:

#kryesore 
{ 
    overflow-y:auto; 
} 
+0

его необходимо я могу показать вам снимок экрана, проблема в том, что когда я написал overflow-y: auto; doesnt works – Klevi

+0

@Klevi: разместите свой скриншот, и в любом случае 'overflow-y: scroll', каждый раз добавьте полосы прокрутки. –

+0

Я редактирую вопрос, есть 2 снимка экрана – Klevi

1

Вы можете использовать overflow-y свойства, делая

#kryesore 
{ 
    overflow-y:scroll; 
} 

overflow-y поддерживалась только IE9, поэтому, если вы используете более старую версию IE, d просто использовать overflow

#kryesore 
{ 
    overflow:scroll; 
} 
+0

переполнение: прокрутка такая же, как и переполнение: авто.Я пытаюсь их обоих и не работает на моей главной странице. – Klevi

+1

@Klevi Попробуйте удалить «postion: fixed» из вашего заголовка и нижнего колонтитула – Pattle

+0

Я сделал это не работает – Klevi

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