Прокрутка только на одном div, а не на всем теле

У меня проблема, я делаю сайт для друга, и он хотел создать горизонтальный сайт с одной страницей, , но у меня есть проблема, я хочу создать его так, чтобы вы можете прокручивать страницу по вертикали, если страница больше, чем на экране, НО мне нужна полоса прокрутки в div, а не по всему содержимому тела.Прокрутка только на одном div, а не на всем теле

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

Изображение:

Живой пример:http://onepage.ringocontent.com/

Живой пример, как я описал выше о том, что все страницы получают ту же высоту, если только одна страница получить переполнение с высотой.

источник

2014-09-18 PindaWorld

Добавление этого в таблицу стилей должны решить эту проблему:

<style> 
    #home, #blog, #info, #contact { 
     overflow-y: scroll; 
     height: 500px; 
    } 
    #page { 
     height: auto; 
    } 
</style>

enter image description here

источник

2014-09-18 14:43:43

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

В этом div, я устанавливаю все содержимое страницы, которое нужно прокручивать. – PindaWorld

Хорошо, пожалуйста, попробуйте добавить эти стили, как они относятся к вашей таблице стилей, это, надеюсь, решит вашу проблему: ' ' –

@PindaWorld Я обновил свой основной ответ с помощью нового решения и эталонного изображения. Надеюсь, это то, что вам нужно. –

Я думаю, что вы ищете здесь свойство переполнения элемента. Особенно переполнение-y.

Если применить

overflow-y: auto;

К #page DIV, то вы получите полосу прокрутки внутри этого DIV, если и только если у вас есть содержание внутри него, что переливается высоту дел.

enter image description here

Если вы видите полосу прокрутки на правой стороне страницы, то есть высота DIV #page слишком высокая, попробуйте уменьшить высоту на этой DIV пока что полоса прокрутки не уходит.

источник

2014-09-18 14:43:02

Спасибо за быстрый ответ тоже, только я получаю такую же проблему, что я сказал Фахда HASEN, что ответ на мой qeustion. Я хочу прокрутку в div id #content, а не на странице. Смотрите мое изображение, что я хочу! :) – PindaWorld

Вы получаете полосу прокрутки тела, потому что ваш div слишком высок в первую очередь. Добавьте еще больше контента туда, где оно переполнено внутри # страницы, и примените переполнение-y: auto к #page div. И измените размер страницы div так, чтобы высота не была слишком высокой для просмотра в окне браузера. –

Прокрутка только на одном div, а не на всем теле

ответ

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