Is there anything I need to add to my coding to make the scrollbar disappear? The coding I'm talking about is on my pet lookups. I still want the stories/treasures to scroll but I don't want to see the scrollbar itself. Thank you for your help! Here is a direct link: https://subeta.net/petinfo.php?petid=1032626
for safari and chrome, you can use this bit of webkit code to make the scrollbars invisible, but it won't work for firefox or most other browsers.
::-webkit-scrollbar {width:0; height:0}for a broader solution, you could also make a scrollbar cover - a custom div that's basically just a rectangle about the same size as the scrollbar, positioned so that it sits on top of it, and you can match it to the background (in your case, solid black) to completely hide the scrollbar. however, some people (probably mainly mac users, i think) have scrollbars set to show only when in use, and they are narrower, so scrollbar covers end up actually covering part of the content. so both solutions have drawbacks that mean they are not universally ideal.
also i noticed in the profile you linked, the content is misaligned from the background. this is because you've positioned the background image in the center of the page, but that will be a different place relative to the content depending on the size of the viewer's browser window. you'll probably want to position the background using specific pixel values, and then match the content to it so it all lines up properly.