Home/ Questions/Q 8770935
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-13T17:39:39+00:00

I’m using jScrollPane for jQuery to make the scrollbar look like the Windows 8

  • 0

I’m using jScrollPane for jQuery to make the scrollbar look like the Windows 8 scrollbar (I’m making kind of a Metro/Modern UI mockup just for fun). I have the look of the scrollbar pretty down-pat, but I have a problem. There is no way (at least in the current version) to get a left arrow image, and a right arrow image (as I’m using horizontal scrolling, like in the Metro UI). I have seen questions around here and they show a jQuery light theme which gives you separate arrows (the Lozenge theme), but it’s a pain in the butt and not at all what I’m looking for. Any ideas??

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Why wouldn’t you be able to modify the CSS for the class .jspArrow to display your arrow images as background images?

    Looking at one of the demos here, I see this css:

    .jspArrow
{
    background: #50506d;
    text-indent: -20000px;
    display: block;
    cursor: pointer;
}

    Change it to something like:

    .jspArrow
{
    background: url('your_arrow_img')
    text-indent: -20000px;
    display: block;
    cursor: pointer;
}

    There are separate classes for jspArrowRight and jspArrowLeft that should help you further.

    If that doesn’t work, I know for sure that you can create “padding” for the scroll bar, they call it a gutter in the documentation. I would create the gutter and then use CSS pseudo before and after elements on the scroll bar track to render arrows.

    • 0