Как прокрутить в div?

Question

У меня есть div в нем. Там будет много изображений, поэтому я хочу прокрутить вниз в div. Как мне это сделать?

спасибо :)

HTML:

<div id="TextureView"> 
    <div id="TextureViewInside"> 
     <ul class="products"> 
      <img src="FärgadePapper.png"> 
      <img src="Hajar.png"> 
      <img src="Labyrint.png"> 
      <img src="Martini.png"> 
      <img src="FärgadePapper.png"> 
      <img src="Hajar.png"> 
      <img src="Labyrint.png"> 
      <img src="Martini.png"> 
     </ul> 
    </div> 
</div> 

CSS:

#TextureView{ 
    overflow: hidden; 
} 
#TextureViewInside{ 
    padding: 7px; 
} 
ul.products img{ 
    width: 80px; 
    display: inline-block; 
    vertical-align: top; 
    padding: 4px; 
} 

мой Javascript пуст, так что нет смысла показ ...

Answer 1

Используя следующий код:

#TextureView { 
    height: 450px; 
    overflow: auto; 
} 

Вы будете иметь свиток когда изображения превышает высоту контейнера, в противном случае - скроллер выиграл» t.

Answer 2

Вы должны установить переполнение для прокрутки:

#TextureView { overflow: scroll; height: 400px; } 

Это приведет к появлению полосы прокрутки, когда внутренняя часть превышает указанную высоту (она не должна быть 400px). В качестве альтернативы вы можете указать только overflow-y, чтобы получить только вертикальную полосу прокрутки.

Answer 3

overflow:scroll; 

должны работать для этой цели

overflow-y:scroll; 

создаст полосы прокрутки по горизонтали, если вы хотите, чтобы просмотреть содержимое слева направо (, или наоборот)

overflow-x:scroll; 

создаст свиток бар вертикально

Answer 4

#TextureView{ 
overflow-y:scroll; 
height:500px; 
} 

изменить ваш CSS и сохранить высоту DIV как согласно вашей потребности

Answer 5

Изменение CSS к чему-то вроде этого:

#TextureView{ 
    overflow: scroll; 
    height: 200px; 
} 

будет работать. overflow: scroll; позволяет отображать полосу прокрутки. Установка height позволяет DIV автоматически расширяться.

Я создал DEMO здесь, чтобы показать, как он будет выглядеть с содержанием выше, содержанием ниже и прокручиваемым DIV.