Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community!

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

troy beckett
troy beckett
12,035 Points
Posted by troy beckett
troy beckett
12,035 Points

scroll bar

I've just tried to put a scroll bar on my website I used the overflow: scroll; method and it worked but looked really ugly.

How to I achieve the scroll that treehouse have in this video:

http://teamtreehouse.com/library/css-foundations/the-box-model/width-height-and-overflow-properties-2

go to the last 2 mins of the video where he tells you about scrolls. I really like the look of the scroll bar he has in this video and I was wondering how I get that look on my website.

ANY IDEAS???

1 Answer

Chris Shaw
Chris Shaw
26,662 Points
Chris Shaw
Chris Shaw
26,662 Points

Hi Troy,

The scroll bar seen in the video is the OS X UI scroll bar and isn't custom to that specific site, on Windows and Linux based operating systems it's far chunkier and less attractive but there are solutions out there that use JavaScript to give your site a consistent look across all operating systems.

Below is a link to a Google search which has a ton of helpful articles, plugins and example of how you can achieve an OS X look and feel.

https://www.google.com.au/search?sourceid=chrome-psyapi2&ion=1&espv=&ie=UTF-8&q=custom%20scroll%20bars