Scroll Bar

[Star's Legacy]

If you take a look here you will see that I have put a scroll bar in my global headers. I have seen and would like to just have the little mover bar on the right side. I don't want to see the bottom bar or the up and down arrows on the right side. If I can edit the code I already have for it or if there is a different way to do it, I would appreciate any help! ^^

[Tumbleweed]

Sept 9, 2015 17:42:29 GMT -8 Star's Legacy said:

If you take a look here you will see that I have put a scroll bar in my global headers. I have seen and would like to just have the little mover bar on the right side. I don't want to see the bottom bar or the up and down arrows on the right side. If I can edit the code I already have for it or if there is a different way to do it, I would appreciate any help! ^^

You need to change this line to auto instead of scroll like this:

div.scroll {
width: 100%;
height: 100px;
overflow: auto;

But removing the arrows will be an issue since IE is really the only browser that supports any changes to the scroll bar. But if you want to at least do it for IE you can make the arrow the same color as the track color (bolded below).

.scroll{
scrollbar-face-color: #000000;
scrollbar-shadow-color: #ffff00;
scrollbar-highlight-color:#7D7E94;
scrollbar-3dlight-color: #7D7E94;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #00ffff;
scrollbar-arrow-color: #00ffff;
}

To get the arrow gone, cross browser, you are probably going to have to download a special jquery one. I tried this one a while back and I liked it. If I remember right, you had an option to change your browser scroll bar or just little scroll bars within your page or both.

[Star's Legacy]

Thank you Tumbleweed, I'll try and fiddle around with the link and information you gave me either later today or tomorrow and let you know how it goes. ^^