Javascript for Scrolling Panel to start at the bottom

I’m not in a position to test it right now, but the first thing I would try would be to rotate the content 180 degrees, place it in the panel, and rotate the panel 180.

Hi Walt - thank you for taking a stab at this! You can only make the window taller or longer but you can't rotate a scrolling panel. 

If you group a panel with another object, you can rotate the group. (That’s how to create a side-to-side scroll function, by the way.) If the object is invisible, it doesn’t interfere, and it can take a lot of trial and error to get it exactly right. Set everything else first, and rotate last.

Wow! You're brilliant. That does in fact work! The scroll bar is on the wrong side but I think I can work with it. Thank you so much Walt!

I need the scroll to start at the bottom as well, but this work-around wouldn't be as useful in my case because it is a software simulation and I don't want to confuse learners by having the scroll bar suddenly appear on the opposite side as they work through the simulation. I will request future development for an option to at least choose start scroll panel at top, middle, or bottom.

Hi Karen, 

Ultimately this solution didn't work for me either. I ended up having someone create a custom javascript for me which works well. I can share the code with you but I can't guarantee that it's perfect.

Yes please, I would love that! I'll give it a try. Thanks for reaching out.

Here is the Javascript that I used:

var myCode = function() {
    $('.scrollarea-area').scrollTop($('.scrollarea-area')[0].scrollHeight);
}
if (window.$ != null) { // If jQuery has already loaded, run myCode.

    myCode();

} else { // Else, load jQuery and then run myCode.

    var jQueryLoader = document.createElement("script");

    jQueryLoader.src = "https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js";

    jQueryLoader.onload = function() {

        jQueryLoader.onload = null;

        myCode();

    }

    document.head.appendChild(jQueryLoader);

}

Use the trigger Execute JavaScript and paste this code into the Javascript editor. 

I hope this helps.

Dina

Thanks for sharing Dina. I just added the trigger, inserted the JavaScript, and published. Unfortunately, it is not working for me, and I don't do any coding so I'm not sure if I would need to modify anything in the code to make it work for me. It was worth a try! I put in a request for a future development to add an option to either start scoll panel at top, middle, or bottom. Or even better, have the scroll bar open to exactly where it is in the Storyline development slide. Maybe one day.....

oh shoot. I'm sorry it didn't work.

Hello Karen,

I figured it out by simply adding this code inside the html file (with notepad++ for example) :

More information here : https://articulate.com/fr-FR/support/article/Storyline-How-to-Reference-the-jQuery-Library

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"> </script>

Thanks for the update! I will give it a try in my next scrolling panel.