# Scrollable list in Side Menu not working properly

**URL:** <https://forum.ionicframework.com/t/scrollable-list-in-side-menu-not-working-properly/6473>\
**Category:** ionic-v1\
**Created:** [July 6, 2014, 11:29pm UTC](https://forum.ionicframework.com/t/scrollable-list-in-side-menu-not-working-properly/6473 "2014-07-06T23:29:55Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![husterk](https://avatars.discourse-cdn.com/v4/letter/h/b3f665/32.png) [@husterk](https://forum.ionicframework.com/u/husterk)\
**Post date:** [July 6, 2014, 11:29pm UTC](https://forum.ionicframework.com/t/scrollable-list-in-side-menu-not-working-properly/6473/1 "2014-07-06T23:29:56Z")

</div>

I have created a left side menu in my app and added a list to it that extends beyonds the bounds of the screen (too many items in the list). I have wrapped the list items in an ion-scroll tag which does create a scrollable list but the scrolling functionality only allows me to very briefly scroll the existing list items that are already shown. I can’t scroll down to the items that are off screen. The scroll functionality seems to work fine in the main content area but not in a side menu. Any help would be greatly appreciated.

---

<div class="post-metadata">

**Author:** ![mhartington](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mhartington/32/137757_2.png) [@mhartington](https://forum.ionicframework.com/u/mhartington)\
**Post date:** [July 6, 2014, 11:44pm UTC](https://forum.ionicframework.com/t/scrollable-list-in-side-menu-not-working-properly/6473/2 "2014-07-06T23:44:25Z")

</div>

For this, you should use an ion-content instead of ion-scroll.

Check out our codepen demos

[http://codepen.io/ionic/pen/tcIGK](http://codepen.io/ionic/pen/tcIGK)

---

<div class="post-metadata">

**Author:** ![husterk](https://avatars.discourse-cdn.com/v4/letter/h/b3f665/32.png) [@husterk](https://forum.ionicframework.com/u/husterk)\
**Post date:** [July 7, 2014, 12:18pm UTC](https://forum.ionicframework.com/t/scrollable-list-in-side-menu-not-working-properly/6473/3 "2014-07-07T12:18:34Z")

</div>

Thanks so much for the quick response. That worked perfectly.

I do have one other question though. In the documentation pages of the Ionic Framework website the “CSS” documentation sections show basic HTML tags being modified via classes (e.g. `<ul class="list">`) yet the “Javascript” documentation sections show custom Ionic framework tags (e.g. `<ion-list>`) in the examples. Is there a benefit to using one over the other in terms of performance or functionality?

---

<div class="post-metadata">

**Author:** ![mhartington](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mhartington/32/137757_2.png) [@mhartington](https://forum.ionicframework.com/u/mhartington)\
**Post date:** [July 7, 2014, 2:48pm UTC](https://forum.ionicframework.com/t/scrollable-list-in-side-menu-not-working-properly/6473/4 "2014-07-07T14:48:30Z")

</div>

There maybe some performance improvements, but it won’t be anything to crazy  
Using the directives implies that you need some sort of functionality (PTR, infinite-scroll, etc)  
If you just need some styling, use the css