Блог

Я пытаюсь найти хорошую / наилучшую реализацию для создания своего рода динамического прокручиваемого div / области.

В качестве примера я могу создать следующее:

 <div id="batchList" name="batchList"  style="height:200px;overflow: auto;" >
   .blah
   .blah
   .blah

</div>
  

Выше представлен вертикальный пробел размером 200 пикселей… это нормально, если внутреннее содержимое больше 200 пикселей, поскольку в этом случае область имеет вертикальную полосу прокрутки.

Однако, если я хочу иметь более короткое вертикальное пространство, в котором всего несколько строк внутреннего содержимого, как это достигается? в других работах есть ли способ создать своего рода динамическое вертикальное пространство, вплоть до максимального вертикального пространства, которое затем начинает прокручиваться?

Используйте CSS max-height :

 #batchList { max-height:200px; overflow:auto }
  

(Кроме того, не смешивайте свой стиль CSS с разметкой содержимого.)

Если я правильно понимаю, то, я думаю, это то, что вам нужно.

Просто измените height:200px на max-height:200px