> For the complete documentation index, see [llms.txt](https://interactiveboard.gitbook.io/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://interactiveboard.gitbook.io/docs/objects/scroll-pane.md).

# Scroll Pane

Scroll Pane is useful when all of the objects you want to display do not fit in your scene, it displays a cropped section of its inner content area, that can be scrolled.

Scrolling using the mouse wheel and/or [Scroll Change](/docs/functions/state/scroll-change.md) function is supported.

Objects from `content:`  of the scroll pane object will be rendered inside of the scroll pane inner area.

```yaml
## object name, you can set this to anything that is unique
scrollpane1:
  ## object type, in this case scroll pane
  type: scroll_pane
  ## x and y positions relative to the parent
  position: 0 0
  ## the visible part (width and height) of the scroll pane
  size: 128 64 
  ## the inner size (width and height) of scrollable area
  ## (auto automatically picks size that fits the content)
  scroll-inner-size: auto auto

  ## the behavior when the end of the scroll pane is reached (snap, stop)
  ## snap - snaps back to the start when the end is reached, stop - scrolling stops at the end
  scroll-behavior: snap

  ## should scroll pane react to scrolling with mouse
  mouse-scroll: true
  ## should the mouse scrolling be vertical (if false it is horizontal)
  mouse-scroll-vertical: false
  ## how many pixels the scroll pane scrolls by on a mouse scroll
  mouse-scroll-amount: 128
  
  ## the content (objects that should be inside of the scroll area)
  content:
    obj1:
      type: pixel_text
      position: 10 10
      text: 'This text object is inside of the scroll pane!'
```