# ScrollViewer

**URL:** <https://forums.fusetools.com/t/scrollviewer/6406>\
**Category:** How-to Discussions\
**Created:** [July 17, 2015, 3:18am UTC](https://forums.fusetools.com/t/scrollviewer/6406 "2015-07-17T03:18:10Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Mao](https://avatars.discourse-cdn.com/v4/letter/m/eb9ed0/32.png) [@Mao](https://forums.fusetools.com/u/Mao)\
**Post date:** [July 17, 2015, 3:18am UTC](https://forums.fusetools.com/t/scrollviewer/6406/1 "2015-07-17T03:18:10Z")

</div>

Hi, can anyone help with this problem? I want to create a page with a scroller. I did it like this:

 ![file](https://s3.us-east-2.amazonaws.com/fuse-legacy-forum-assets/k9BsnYxxxtz0-legacy-files-wvhmiuSdN4I0T87u-LwN6CiPrabWKiziiSCClis5D.png)

The MineItem.ux is like this:

 ![file](https://s3.us-east-2.amazonaws.com/fuse-legacy-forum-assets/GoJG9ZDQBhrx-legacy-files-DXGX1hB5GdPAMcAr-GiaNy314clhd0deslbK-nhFS.png)

Then I add it to the MainView.ux:

 ![file](https://s3.us-east-2.amazonaws.com/fuse-legacy-forum-assets/Q6fjnySQCM2U-legacy-files-GWiUbduC0kzROLBj-UO4J2KpS6_6HDAevW3OviwS-.png)

After doing all these, I still cannnot scroll down to the bottom of the “Terminology” page. But everything is ok when I deal with pictures. Is there any difference between pictures and text?

Here is the screenshot of the page:

 ![file](https://s3.us-east-2.amazonaws.com/fuse-legacy-forum-assets/GN7xVZln5Izu-legacy-files-Cv0mRGcztEzxFUAG-JxS8qBttXArWwAr33wijTkZD.png)

---

<div class="post-metadata">

**Author:** ![edA-qa\_mort-ora-y](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/eda-qa_mort-ora-y/32/124_2.png) [@edA-qa\_mort-ora-y](https://forums.fusetools.com/u/edA-qa_mort-ora-y)\
**Post date:** [July 17, 2015, 4:38am UTC](https://forums.fusetools.com/t/scrollviewer/6406/2 "2015-07-17T04:38:07Z")

</div>

Your layout has essentially this structure:

```auto
<StackPanel>
    <ScrollViewer>
        <StackPanel>

```

This doesn’t work. The `StackPanel` provides an infinite vertical height to its children, thus the `ScrollViewer` sizes to completely contain its children. This means the outer `StackPanel` simply exceeds the size of the screen. This is why you can’t scroll, because the `ScrollViewer` has a large enough size to display everything.

In this case you can simply remove the outer `StackPanel`, since it has only one child.

If you wish to have a vertical layout that fills the screen you can use either a `Grid` or a `DockPanel`.