Forum Discussion
Scroll Bar start position
Is there a way to have the scroll bars start with the bar at the bottom of the window/list instead of the top? I'm doing a software simulation and the scroll windows in the software always have the active material on the bottom of the list. I would like my scroll windows to reflect the same.
Thoughts?
Thank you,
30 Replies
Hi Strueb,
There is not a way to force the focus of the scroll panel to the bottom at the start, but it sounds like something you may want to share as a feature request.
This would be really useful for a project I am working on, where i want the scrollbar in a textfield to be at a certain position when the slide starts.
Chris
Hi Chris,
I'm not sure if Strueb determined a method or workaround to use, and as this discussion is a bit older you may also want to message him directly using the "contact me" button on his profile.
I'm wondering whether this feature is now being implemented in Storyline 3? Also, is there a way to track requested features that have been implemented?
Hi Safurah,
This is not yet a feature in Storyline, but you can see all the features we've released as a part of our Version history. I linked to Storyline 3's version history here.
is there any update on this feature becoming available?
Hi Peter,
We don’t have plans for a feature to start a scrolling panel at a specific position aside from the top, but we appreciate you letting us know this is important to you! We’ll update this discussion if our plans change in the future.
Here's a bit more about how we work to prioritize feature requests.
Shame - as this this would be incredibly useful.
You can try doing this with an execute javascript trigger.
var x = document.getElementsByClassName("scrollarea-area");
x[0].scrollTop = x[0].scrollHeight;You may need to change the x[0]'s to x[1]'s or x[2]'s to target a specific 'scroll area'.
Here's a sample storyline 360 project for you to take a look at.
Thank you, Russell! I needed the scrollbar to default to the bottom to simulate the software environment. This worked beautifully and with no changes on my part! Very much appreciate your help.
That's really cool - thanks. So how could you scroll, say, to the middle?
Chris
Try dividing the scrollHeight by 2 to get to the middle.
var x = document.getElementsByClassName("scrollarea-area");
x[0].scrollTop = x[0].scrollHeight/2;Russel, you saved me with this code. Thank you very much!
I forgot to account for the offset.
To get to the bottom, use:
var x = document.getElementsByClassName("scrollarea-area")[0];
x.scrollTop = x.scrollHeight-x.offsetHeight;And to get to the Middle use:
var x = document.getElementsByClassName("scrollarea-area")[0];
x.scrollTop = (x.scrollHeight-x.offsetHeight)/2;Hello Russel, thank you for the effort putting in examplaining javascript to us, noobs :)
I was wondering. Will this be possible if the slider was placed horizontally instead of vertically ?
var x = document.getElementsByClassName("scrollarea-area");
x[0].scrollTop = 0;
var width_Slider1 = x[0].scrollWidth - x[0].offsetWidth;x[0].onscroll = function(){
var player = GetPlayer();
player.SetVar("width_Slider1",x[0].scrollTop);
};
