Home/ Questions/Q 802287
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-14T23:34:39+00:00

Upon visiting the site that I’m currently working on you would immediately notice the

  • 0

Upon visiting the site that I’m currently working on you would immediately notice the fact that a bar placed at the top of your browser follows you down as you scroll through the blogs posts. I was wondering if there was any method which I could use to both shift the scrollbar below the bar rather than beside it and then style the bar to suit the sites style.

Image:
alt text

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You can move the scrollbars with jquery and some javascript. On this example I use a jquery animation to gradually scroll down:

    //move the scroll 800 pixels down in 200 milliseconds
$('html,body').animate({scrollTop: 800}, 200, "swing");

    In order to stylize scrollbars, you can use this css:

    body {
  scrollbar-face-color: #FDCF66;
  scrollbar-highlight-color: #FDCF66;
  scrollbar-3dlight-color: #FDCF66;
  scrollbar-darkshadow-color: #FDCF66;
  scrollbar-shadow-color: #FDCF66;
  scrollbar-arrow-color: #FDCF66;
  scrollbar-track-color: #FDCF66;
}

    This is what these colors mean (source):

    legend

    I’m not sure this is standard CSS, though, so some navigators might not support it.

    • 0