# Scrollers in panel extension

**URL:** <https://discuss.dev.twitch.com/t/scrollers-in-panel-extension/12064>\
**Category:** Extensions\
**Created:** [September 18, 2017, 6:42pm UTC](https://discuss.dev.twitch.com/t/scrollers-in-panel-extension/12064 "2017-09-18T18:42:15Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![dkubatko](https://d3ovvz0v2ajtpu.cloudfront.net/user_avatar/discuss.dev.twitch.com/dkubatko/32/4100_2.png) [@dkubatko](https://discuss.dev.twitch.com/u/dkubatko)\
**Post date:** [September 18, 2017, 6:42pm UTC](https://discuss.dev.twitch.com/t/scrollers-in-panel-extension/12064/1 "2017-09-18T18:42:15Z")

</div>

Hey everyone,  
Could anyone explain to me why do I have page scrollers in my iframe for panel extension?  
It is ok size and according to Twitch Extension API they did everything to avoid page scrolling.

 ![scrollers](https://d3ovvz0v2ajtpu.cloudfront.net/uploads/default/original/2X/f/f0859690ed1167f54c97c99bf8f2c2f23d676fa0.png)

---

<div class="post-metadata">

**Author:** ![BarryCarlyon](https://d3ovvz0v2ajtpu.cloudfront.net/user_avatar/discuss.dev.twitch.com/barrycarlyon/32/253_2.png) [@BarryCarlyon](https://discuss.dev.twitch.com/u/BarryCarlyon)\
**Post date:** [September 18, 2017, 7:03pm UTC](https://discuss.dev.twitch.com/t/scrollers-in-panel-extension/12064/2 "2017-09-18T19:03:04Z")

</div>

If your content is too tall, then your width didn’t take into account the scroll bar existance (or non existance.

Perhaps avoid using PX widths and use %ages instead.

Did you check the size of body to see if it matches what you expected.

I get 318px x 500px internal on a max height panel.

But the width would be slightly less on windows with scroll bars

---

<div class="post-metadata">

**Author:** ![dkubatko](https://d3ovvz0v2ajtpu.cloudfront.net/user_avatar/discuss.dev.twitch.com/dkubatko/32/4100_2.png) [@dkubatko](https://discuss.dev.twitch.com/u/dkubatko)\
**Post date:** [September 18, 2017, 7:07pm UTC](https://discuss.dev.twitch.com/t/scrollers-in-panel-extension/12064/3 "2017-09-18T19:07:53Z")

</div>

My whole div block with 0 margin (body has 0 margin as well) is 280px330px. From Twitch Extension API reference:

> Panel considerations — Panel extensions are limited to 320px wide x 500px high, to avoid iframe scrolling. Within this \>box, try to allow 10px of inner padding for any text within your extension, for maximum readability.

---

<div class="post-metadata">

**Author:** ![dkubatko](https://d3ovvz0v2ajtpu.cloudfront.net/user_avatar/discuss.dev.twitch.com/dkubatko/32/4100_2.png) [@dkubatko](https://discuss.dev.twitch.com/u/dkubatko)\
**Post date:** [September 18, 2017, 7:32pm UTC](https://discuss.dev.twitch.com/t/scrollers-in-panel-extension/12064/4 "2017-09-18T19:32:02Z")

</div>

Hey here is the solution: if you want your panel to exceed 300px height, you need to go to versions -\> extension capabilities -\> panel height. Hope this helps.

---

<div class="post-metadata">

**Author:** ![BarryCarlyon](https://d3ovvz0v2ajtpu.cloudfront.net/user_avatar/discuss.dev.twitch.com/barrycarlyon/32/253_2.png) [@BarryCarlyon](https://discuss.dev.twitch.com/u/BarryCarlyon)\
**Post date:** [September 18, 2017, 8:36pm UTC](https://discuss.dev.twitch.com/t/scrollers-in-panel-extension/12064/5 "2017-09-18T20:36:52Z")

</div>

Heh I’d assumed you’d set the height you wanted in settings