Блог

Главная - Вопросы по программированию - Как применять полосы прокрутки, когда размер данных превышает минимальную высоту

Как применять полосы прокрутки, когда размер данных превышает минимальную высоту

#javascript #jquery #scroll #scrollbar

#javascript #jquery #прокрутка #полоса прокрутки

Вопрос:

Я хочу динамически применять полосу прокрутки в своем приложении, когда данные в div превышают указанную высоту. Как это можно исправить с помощью jQuery.

Комментарии:

1. Это не вопрос, связанный с Grails

2. Я создал свое приложение на grails, и мне нужно применить динамическую полосу прокрутки с помощью jquery

Ответ №1:

вы можете использовать фиксированную высоту в div-оболочке и установить переполнение для scroll. ie. 

 #wrapper-div {
  height:100px;
  overflow:hidden;
}

$(document).ready(function(){
    if($('#wrapper-div').height() < $('#inside-div').height()) {
        $('#wrapper-div').css('overflow', 'scroll'); 
    }
});

Комментарии:

1. Применяется, но не работает, мне нужна динамическая полоса прокрутки, которая появляется только тогда, когда данные в div превышают высоту не всегда.

2. затем вы можете использовать jquery для динамического изменения атрибута css. смотрите мой отредактированный ответ

Ответ №2:

Вы можете использовать свойство переполнения css как auto

 <div id="myDiv">
Your dynamic sized paragraph goes here.
</div>

<style>
#myDiv
{
overflow:auto;
}
</style>

Переполнение: авто; автоматически добавит полосы прокрутки, если содержимое превышает указанную вами высоту.