Forum Discussion

AsbjornReinhold's avatar
AsbjornReinhold
Community Member
2 days ago

Horizontal Scrolling Bar 2025 New Method

We have been waiting for 1,5 decade for a Horizontal scrolling bar. 😆


While we wait, here's a new method that doesn't involve grouping, rotating and all that janky jazz.

All you gotta do, is execute this JavaScript on a trigger when timeline starts.

const square1 = object('5cIKSnWwBvM');

update(() => {
square1.x = getVar('Slider1');
});

The object can be a picture, shape or a Group of many things.

After this, create a Slider. Set a positive start number and a negative End number - that makes sure the scrolling bar scroll the right way (create a text box with the Slider variable in it, to fine-tune the numbers you use, it will make sense what I mean when you open the example project).

I have added some shapes to create the illusion of it being inside a scrolling panel. Check the attached Storyline file for the codes and a visual example.

Up next for me is to style the scrolling bar and make a custom background for it, so it looks like a real panel.

Enjoy.