Custom Scrollbar Jquery

[danielfvmartins]

Hey @arminunruh!

I'm trying to customize my scrollbar with jquery, but with no results :/
Could you help me pleeeease?

[danielfvmartins]

or...can you help me @mariusjopen? I'd really appreciate it!

[mariusjopen]

Hi @danielfvmartins

it is a bit difficult to help if we don't see your website.

What exactly is the problem?

Do you have the code ready and you cannot implement it?

Have a look here:
http://laytheme.com/documentation.html#custom-javascript

Let me know how I can help!

Best!

Marius

[danielfvmartins]

So, basically i did some webkit scrollbar changes to the website but they don't seem to be compatible with Safari and Firefox.

I'm trying to implement basic Nicescroll jQuery Plugin just to see if everything is working nicely, but when i try to customize colors and stuff it doesn't seem to be working....

In summary, i just want to replicate the webkit scrollbar changes i've made on the additional CSS but with JS.

I'm gonna send you the website login info for your chat :)

[mariusjopen]

Hi Daniel,

I got your chat message and had a look into your page.

Actually you cannot use this:

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="http://www.daniel-martins.com/wp-content/uploads/2017/10/jquery.nicescroll.min_.js"></script>

<script>
  $(document).ready(function() {
	var nice = $("html").niceScroll();  // The document page (body)
  });
</script>

1. jQuery is already installed. It will confuse if you have 2 jQuerys active.
2. You cannot use document ready. Have a look here:
   http://laytheme.com/documentation.html#custom-javascript

Let me know if you get further or have a specific question. I cannot code the custom scrollbar for you. But I am happy to assist.

Best!

Marius

[danielfvmartins]

Thank you @mariusjopen

I changed the code and it worked!
But it still has some minor bugs...

The scrollbar now appears behind the content and, when the cursor is on top of a video it's not possible to scroll the site.

Can you give some hints on how to solve this please?

[danielfvmartins]

@mariusjopen i managed to change the z-index

But i still would appreciate your help with those two bugs!

• when the cursor is on top of a video it's not possible to scroll the site
• the scroll on the website it's a bit delayed and 'draggy'

[mariusjopen]

Hi @danielfvmartins ,

exactly! The z-index is the way to go.

To help you now – I really should have a look on the website.

Can you upload it?

All the best!

Marius

[danielfvmartins]

Sure @mariusjopen

I sent you again all the access info by chat :)

Thank you!
Best

[mariusjopen]

Hi @danielfvmartins
Ok i see the problem.

The jQuery is active when you scroll on the BODY of the website.

When you embed a video with Vimeo its gets embedded with an iframe.

An iframe has its own body and therefore you code does not get activated.

Is it an option to embed the video via MP4 and just upload them?

Best!

Marius

[danielfvmartins]

Hey @mariusjopen
I thought about that but I don't think it would be an option. Any ideas to work this out?

And what about the lag and delay of the scroll, why is this happening? :(

Best
Daniel

[mariusjopen]

Hi Daniel,

this is because it runs all with Javascript and it needs to run a loop the whole time.

I personally would not got for the customized scroll bar.

Especially since the iframes cause trouble as well.

Best!

Marius