8 Replies
Ashley Terwilliger

Hi Sanjay,

The issue was reported to our team where space is added below a long text inside a Scrolling Panel when the slide is viewed in Internet Explorer or Microsoft Edge.

As they took a look at the behavior, it was determined to be a known issue with how IE and Edge are displaying scrolling panels in HTML5 output. Both browsers often add extra padding to the bottom of scrolling panels so there can be a significant amount of blank space after your content.

Until Microsoft fixes the problem, you can avoid it by viewing the Flash version of your content or switching to another HTML5 browser, such as Google Chrome or Firefox.

Note: You'll also see extra space at the end of scrolling panels in CD-published output since it relies on Internet Explorer.

Hope that helps clarify! 

Joel Carmona


I try to debug the output(story_html5.html), and I think it is a success.

You need to create a trigger "Execute Javascript" when timeline starts (Base Layer, or layer itself). Paste the Jquery code below:

$(".scrollarea-area div").css("overflow", "hidden");
$(".base-layer div").css("overflow", "visible");

Note: You need to create the trigger in places that you have a scrolling panel. If you have a scrolling panel in the base layer, the trigger should be in the base layer. If you have a scrolling panel in a layer, you will also need to have the trigger in the layer. Different trigger for Base Layer and Layers. If you have a three layers with scrolling panel, each should have the trigger.

I tried to have the trigger in the Slide Master, but it won't work.

I am attaching the source file and sample output for your reference.

Hope this will work on your end.

I think the issue is not from the IE. The root of the bug is in the CSS for the scrolling panel in the Storyline 360 output.