Ok, so this is a pretty tricky question. How can you make something scroll when the users mouse isn’t in the scroll area? An great example is from apple’s [IPad Mini page.][1] At the very front, you can scroll the text while your mouse isn’t at the scroll area at the top. I want to do something like this in my webpage. Here is my code:

I want a scroll bar that is able to automatically scroll as well as having two buttons that be manually clicked to scroll right / left.

I am encountering a display problem for this button which appears when loading the page even without having scrolled on it.

I’m trying to create a website with three full pages where the user smoothly scrolls between them. I’ve used a hacky solution found online to ensure that these pages have the appropriate height (full) regardless of whether or not the address bar is visible. However, this means that the height of the pages does change when I scroll, in particular when the address bar vanishes or reappears. This seems (per this question, which diagnoses the problem but wasn’t able to help me resolve it) to be the source of an issue I’m having: sometimes, when I scroll most of the way up from the 3rd slide to the 2nd or the 2nd slide to the 1st, Chrome snaps “backwards” (despite upwards being the more sensible option).