Forum Discussion

ReneeHeberli891's avatar
ReneeHeberli891
Community Member
9 days ago
Solved

I need the scroll panel scroll bar start at the bottom and scroll up.

I’m working on an interactive project where I would like to use the scroll feature, but the first action I need is to scrolling up not down (which is the default.) When I place the image in the scroll panel starting from the bottom, the scroll bar gets shortened, limiting the scrolling to just a few lines. It doesn’t allow scrolling all the way to the top of the image, making the scroll feature ineffective.

Does anyone have suggestions on how to resolve this issue or alternative ways to mimic the scroll feature? 

  • Hi Renee,

    Try adding this javascript trigger on the slide you want the scrollbar to start at the bottom:

    var x = document.getElementsByClassName("scrollarea-area");
    x[0].scrollTop = x[0].scrollHeight;

     

  • Ange's avatar
    Ange
    Community Member

    Hi Renee, here's a javascript offering.
    I'm not an expert so someone else might have a more elegant/better solution for your needs.
    You can also have the scroll panel move up or down to different locations in the panel using a javascript set-up...

    A scroll feature can also be built without javascript, using motion paths, triggers and variables: user interaction or auto.
    Demo:demo js scrollbar

  • Hi Renee,

    Try adding this javascript trigger on the slide you want the scrollbar to start at the bottom:

    var x = document.getElementsByClassName("scrollarea-area");
    x[0].scrollTop = x[0].scrollHeight;