Enable element detection by ID in Settings > General Check "Expose the option to add an ID attribute to HTML elements".


How to use:
One style, many elements
Drag a "Scrollbar" element, enter the ID in the elements.
Enter the ids in "Elements ID" split by ",".

Several elements, several different styles.
Drag a "Scrollbar" element to each element, enter the ID in your element, and enter this same id in "Elements ID".

The Scrollbar Width, Scrollbar Height, and Border Radius fields are only compatible with Edge, Chrome, and Safari. Having no effect on Mozilla Firefox.  In Mozilla Firefox width is automatically applied with "Thin" is a narrower slash with an improved visual appearance.

If you have multiple elements on your page and you want to apply the same style to all elements, you can enter the id split by "," in the "Elements ID" field.

This makes it easier when you have more than one element to style, avoiding having to drag several "Scrollbar" elements to your editor.


 To hide the bar just set Scrollbar Width 0, Scrollbar Height 0, Bar Color and Background color 100% transparent .