# Scrolling ionic modal does not work

**URL:** <https://forum.ionicframework.com/t/scrolling-ionic-modal-does-not-work/38165>\
**Category:** ionic-v1\
**Created:** [November 30, 2015, 12:14pm UTC](https://forum.ionicframework.com/t/scrolling-ionic-modal-does-not-work/38165 "2015-11-30T12:14:14Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![snjak](https://avatars.discourse-cdn.com/v4/letter/s/50afbb/32.png) [@snjak](https://forum.ionicframework.com/u/snjak)\
**Post date:** [November 30, 2015, 12:14pm UTC](https://forum.ionicframework.com/t/scrolling-ionic-modal-does-not-work/38165/1 "2015-11-30T12:14:14Z")

</div>

So I’m having a problem with scrolling in ionic modal.

Modal code looks like this: [http://pastebin.com/3g9UsjLR](http://pastebin.com/3g9UsjLR)  
Html directive: [http://pastebin.com/BZ39bF0P](http://pastebin.com/BZ39bF0P)

I’m using html directive to parse html snippet. It works fine, my snippet is loaded. However, I can’t scroll on it.If I put overflow-scroll=“true” when I try to scroll modal becomes white, and content underneath it is scrolled. If i remove overflow-scroll, nothing happens.

---

<div class="post-metadata">

**Author:** ![saravananraju](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/saravananraju/32/94515_2.png) [@saravananraju](https://forum.ionicframework.com/u/saravananraju)\
**Post date:** [November 30, 2015, 1:03pm UTC](https://forum.ionicframework.com/t/scrolling-ionic-modal-does-not-work/38165/2 "2015-11-30T13:03:26Z")

</div>

Inject $ionicScrollDelegate in the custom html directive and be sure to call .resize() to recalculate the size of its container, if the content added inside the ion-content is more dynamic.

---

<div class="post-metadata">

**Author:** ![snjak](https://avatars.discourse-cdn.com/v4/letter/s/50afbb/32.png) [@snjak](https://forum.ionicframework.com/u/snjak)\
**Post date:** [November 30, 2015, 2:55pm UTC](https://forum.ionicframework.com/t/scrolling-ionic-modal-does-not-work/38165/3 "2015-11-30T14:55:58Z")

</div>

I tried doing that but it doesn’t seem to work… Got any other ideas? Thanks!

---

<div class="post-metadata">

**Author:** ![snjak](https://avatars.discourse-cdn.com/v4/letter/s/50afbb/32.png) [@snjak](https://forum.ionicframework.com/u/snjak)\
**Post date:** [December 1, 2015, 10:46am UTC](https://forum.ionicframework.com/t/scrolling-ionic-modal-does-not-work/38165/4 "2015-12-01T10:46:08Z")

</div>

I managed to solve this by adding overflow-scroll class directly to ion-content, without overflow-scroll=“true”.

---

<div class="post-metadata">

**Author:** ![alexintosh](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/alexintosh/32/65130_2.png) [@alexintosh](https://forum.ionicframework.com/u/alexintosh)\
**Post date:** [February 2, 2016, 1:08pm UTC](https://forum.ionicframework.com/t/scrolling-ionic-modal-does-not-work/38165/5 "2016-02-02T13:08:35Z")

</div>

Same problem here, adding overflow-scroll=“true” or the class didn’t help.

None of these methods works for me:

```
$ionicScrollDelegate.resize();
$ionicScrollDelegate.scrollTo(0, 9999999999);
$ionicScrollDelegate.scrollBottom(true);
$ionicScrollDelegate.$getByHandle('mainScroll').scrollBottom();

```

Also I’m not able to scroll inside a textarea if it’s inside a modal, works well everywhere else.

---

<div class="post-metadata">

**Author:** ![alexintosh](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/alexintosh/32/65130_2.png) [@alexintosh](https://forum.ionicframework.com/u/alexintosh)\
**Post date:** [February 2, 2016, 1:27pm UTC](https://forum.ionicframework.com/t/scrolling-ionic-modal-does-not-work/38165/6 "2016-02-02T13:27:46Z")

</div>

> Update:

Using the same $scope in modal will make this works (but the modal it’s not smooth at all), before I was creating a totally new scope:  
var scope = $rootScope.$new();

To fix any element that won’t scroll, just add the class “scroll”

---

<div class="post-metadata">

**Author:** ![trinhnguyense](https://avatars.discourse-cdn.com/v4/letter/t/848f3c/32.png) [@trinhnguyense](https://forum.ionicframework.com/u/trinhnguyense)\
**Post date:** [July 31, 2016, 12:02pm UTC](https://forum.ionicframework.com/t/scrolling-ionic-modal-does-not-work/38165/7 "2016-07-31T12:02:31Z")

</div>

I tried all way in above but no have result.

After that i tried change setting of native scroll setting become:

`$ionicConfigProvider.scrolling.jsScrolling(true);`