Scroll bar – can it appear at all times instead of dissapear?

[elleeye]

Greetings,

Our client would like to know if there’s a way for the scroll bar on the side of the website to stay “at all times” instead of going away. It appears suddenly when the mouse is moved, but then goes away.

Is this a theme functionality issue or browser difference issue do you think?

Thank you.

[Nexus]

Hi,

It is a feature of he nicescroll plugin that we have used. But you can make the scrollbar always visible by changing the main.js file in the (theme/js) folder line 449. Please replace the existing code (from line 449 to 463) with the below code

 if (!mo_options.disable_smooth_scroll) {
        $("html").niceScroll({
            zindex: 99999,
            boxzoom:true,
            touchbehavior:false,
            scrollspeed: 60,
            mousescrollstep: 40,
            smoothscroll: true,
            cursorborder: "1px solid #424242",
            autohidemode: false,
            horizrailenabled: false

        });
      $('#ascrail2000').show();
    }

    /* ---------------------------------- Drop-down Menu.-------------------------- */

Thanks!

[elleeye]

Thank you, we will try this!

[elleeye]

Can you give me a search FOR and replace WITH instead of just REPLACE WITH?

I want to make sure the lines are the same – they look a little different and I don’t want to mess up the site. I just want to find, cut and paste. Do you know what I mean?

Thank you.

[Raghavendra]

I changed the file on your server. You need to replace

if (!mo_options.disable_smooth_scroll) {
        $("html").niceScroll({
            zindex: 99999,
            boxzoom:true,
            touchbehavior:false,
            scrollspeed: 60,
            mousescrollstep: 40,
            smoothscroll: true,
            cursorborder: "1px solid #424242",
            horizrailenabled: false

        });
    }

with

if (!mo_options.disable_smooth_scroll) {
        $("html").niceScroll({
            zindex: 99999,
            boxzoom:true,
            touchbehavior:false,
            scrollspeed: 60,
            mousescrollstep: 40,
            smoothscroll: true,
            cursorborder: "1px solid #424242",
            autohidemode: false,
            horizrailenabled: false

        });
      $('#ascrail2000').show();
    }

[elleeye]

Thank you so much!!! Looks great.

Will we have to do something special to remember that this code has been changed when we update the theme in future releases?

[Nexus]

Yeah. You will have to keep a backup of this code and reapply it when you update the theme in future.

[Author]

Posts