Включить прокрутку на конкретном div

У меня есть этот сайт: link, и я хочу, чтобы черная часть имела только полосу прокрутки, чтобы пользователь мог видеть весь контент.Включить прокрутку на конкретном div

Я использовал переполнение на теле, поэтому вся страница отрицает прокрутку, но я не могу заставить ее активироваться на этом конкретном div.

Что мне нужно сделать, чтобы сделать черную область прокручиваемой?

Заранее благодарен!

источник

2015-06-06 dominotrix

Изменить это.

#lue1 { 
width: 450px; 
float: left; 
box-sizing: padding-box; 
background-color: #000; 
height: 100vh; 
padding: 20px; 
overflow-y: scroll; /* New added code */ 
color: #fff; 
font-family: 'Georgia'; 
text-align: justify; 
font-size: 14px; 
box-sizing: border-box; 
}

источник

2015-06-06 12:27:06

Да, это правильный ответ. – dominotrix

Спасибо @dominotrix –

Добавить стиль Переполнение-й: выделите элемент с классом

container_inner default_template_holder clearfix

источник

2015-06-06 12:19:57 nikhil

код был правильным, но, как я сказал, что хотел только черную область прокручиваться. Поэтому я ввел код в правильный div #. Спасибо, так или иначе! – dominotrix

Добро пожаловать dominotrix. – nikhil

Если <div id="lue1"> ... </div> это элемент, который вы хотите иметь вертикально прокручивать идти на overflow-y: auto;:

body { 
 
    overflow: hidden; 
 
} 
 

 
#lue1 { 
 
    width: 450px; 
 
    float: left; 
 
    box-sizing: padding-box; 
 
    background-color: #000; 
 
    height: 100vh; 
 
    padding: 20px; 
 
    color: #fff; 
 
    font-family: 'Georgia'; 
 
    text-align: justify; 
 
    font-size: 14px; 
 
    box-sizing: border-box; 
 
    
 
    overflow-y: auto; 
 
    
 
}

<body> 
 
    <div id="lue1"> 
 
    <div id="lue2"></div> 
 
    <h2 id="lue3">THE<br>OAK HOTEL</h2> 
 
    
 
    <div id="lue4"></div> 
 
    <div id="lue5">FEELS LIKE HOME</div> 
 
    “The Oak Hotel” ένα ξενοδοχείο 4 αστέρων για τους λάτρεις της μοντέρνας, 
 
    industrial αισθητικής. Νεόδμητη ξενοδοχειακή μονάδα, χτισμένη το 2015, 
 
    προσφέρει στους επισκέπτες, μοναδική εμπειρία διαμονής, χάρη στις 
 
    υπερσύγχρονες εγκαταστάσεις που διαθέτει. Βρίσκεται στην παραθαλάσσια περιοχή, 
 
    της Κεραμωτής και διαθέτει 19 δίκλινα δωμάτια.<br> 
 
    <br> 
 
    Η αρχιτεκτονική του κτιρίου, το οποίο χαρακτηρίζουν οι επιβλητικές γωνίες και 
 
    η ξύλινη του πρόσοψη, είναι εξαιρετική. Στο πίσω μέρος του ξενοδοχείου υπάρχει 
 
    πισίνα και pool bar, για αξεπέραστες στιγμές χαλάρωσης.<br> 
 
    <br> 
 
    Το “The Oak Hotel” σας περιμένει να το επισκεφθείτε σε μια τοποθεσία που 
 
    προσφέρει ηρεμία, ησυχία και χαλάρωση. Ζήστε μια αξέχαστη εμπειρία 
 
    διαμονής.<br> 
 
    <br><br> 
 
    
 
    <div id="lue6">ΓΕΝΙΚΕΣ ΠΑΡΟΧΕΣ ΞΕΝΟΔΟΧΕΙΟΥ</div> 
 
    
 
    <ul id="lue7"> 
 
     <li>24ωρη reception</li> 
 
     <li>café-bar</li> 
 
     <li>εστιατόριο</li> 
 
     <li>πισίνα</li> 
 
     <li>pool bar</li> 
 
     <li>ιδιωτικό parking</li> 
 
     <li>δωρεάν φύλαξη αποσκευών</li> 
 
     <li>φιλικό με ΑΜΕΑ επισκέπτες</li> 
 
    </ul> 
 
    </div> 
 
</body>

источник

2015-06-06 12:34:19

Включить прокрутку на конкретном div

ответ

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