Hiding scroll bar with image?
Replies
I'd like to hide my scroll bar with a custom image... any ideas? What size should I make the image and what code should I use to put it on top so the scroll bar doesn't show? This is for a pet profile, by the way.
Usually, using the profile I mock up where the scrollbar will be and I cut out a piece about 25 px wide and slightly taller than the height of the content.
- Nice. Any ideas on how to code that in?
With user profiles I usually set up a blank section with some (empty) divs and use some CSS. You want to be able to freely move the scrollbar div over the content div's scrollbar.
Example:
<div id="sb_c1"></div>
{ position: absolute; left: 161px; top: 398px; width: 406px; height: 252px; overflow-y: auto; overflow-x: hidden; }
{ position: absolute; background-image: url(http://i.imgur.com/8hbLMrU.png); left: 550px; top: 394px; width: 25px; height: 260px; z-index: 1; }
;){kind=link}
Same idea applies to pet profiles.
I actually just finished a tutorial on this subject.