Custom browser scrollbar implementing troubles

[Soqlloos]

Frist of all, I am not programist so please be patient

I am creating website using Adobe Muse and little bit of Edge Animate. In this program I have ability to implement a html 5 code and js in head or body, but I dont have control where exactly this code will appear. And Muse itself generate quite *****y code. I want to change the appearance of the scrollbar in the browser and make scrolling smooth and slower.

To achive this I’m using js from this site:

http://manos.malihu.gr/jquery-custom-content-scroller/

After big battle I managed to implement js, but some troubles appeared.

The most important thing is that paralax effent – which is very important to me- does not work.

Besides that, scrollbar is covering behind objects. (Muse assign order by themselves)

Here is example without your js:

http://problem.bplaced.net/Piotrek/S…ania/bez_kodu/

And here with it:

http://problem.bplaced.net/Piotrek/S…lania/z_kodem/

The code that I’m adding to website:
http://codepen.io/SoqllooS/pen/bVGgMM

Please, help me. Have a nice day!

[bearhead]

I forked you pen and put the code into the appropriate places:

(note that the plug-in appears to use the default scrollbar on narrow screens)

http://codepen.io/kvana/pen/dYyvgK

I haven’t looked into what is causing you other issues, but maybe you have a z-index problem?

If you take a look at my pen, you’ll see that the red box is on top of the scrollbar because it has a z-index of 9999.

Perhaps the code generated by Muse is over using absolute/relative/fixed positioning?

Maybe someone else can look into this a little deeper..

[Author]

Posts