1

I do not like the look of my browser's scrollbars on my website. To combat this, I had two ideas:

  1. Get rid of the scrollbars.
  2. Replace the default scrollbar with a custom one.

I am aware that I can use css to style the scrollbar, or hide it in webkit browsers, but I would like a more cross-browser solution. I think if I chose to hide the scrollbar, it would not affect the user experience, because of my navigation.

I have looked at several solutions (such as this one) which use a system of wrappers and css to hide the scrollbar and put it off the canvas. These do not work for me, because they interfere with the parallax.js and bootstrap affix/scrollspy navbar that my site is running. I think this is because both scripts depend on the body element, and not a main wrapper, scrolling.

I have also looked into a jquery plugin to change the look of my scrollbar, specifically the malihu custom scrollbar. When I tried this, the scrollbar worked wonderfully, but the parallax and my scrollspy/affix navbar stopped working, for the same reasons above.

Does anyone have any ideas as to how I can go about this?

Community
  • 1
  • 1
Ben393
  • 153
  • 1
  • 2
  • 12

2 Answers2

0

To hide the scrollbar you could use this css:

body {
  overflow: hidden;
}

And this could give you the custom scrollbar you are looking for.

Ruben Marrero
  • 1,392
  • 1
  • 10
  • 23
  • Thanks, I am aware of that but I do not want to loose scrolling functionality. – Ben393 Jan 28 '16 at 01:57
  • You are not forced to lose scrolling functionality if you recreate the same behaviour with javascript. Although you will be forced to use javascript, obviously, don't know if that is a problem. – Ruben Marrero Jan 28 '16 at 02:08
  • javascript isn't a problem, I am pretty sure that I will have to use it to get what I want. – Ben393 Jan 28 '16 at 02:16
-1

I'm not sure that removing your scrollbar is the best idea. When I bring down your menu it covers part of the content (for example, most of 'A New Plan' is covered) and it's a little annoying to constantly open the menu, close it to view the page, and open it back up again to go to the next page. Also for your 'whats on my mind' section, there are about 5 posts that I would have to scroll down in order to see (not to mention the footer), and there isn't any way to do that without a scroll bar.

Kevin Aud
  • 378
  • 2
  • 12