Hey @arminunruh!
I'm trying to customize my scrollbar with jquery, but with no results :/
Could you help me pleeeease?
Custom Scrollbar Jquery
Hey @arminunruh!
I'm trying to customize my scrollbar with jquery, but with no results :/
Could you help me pleeeease?
or...can you help me @mariusjopen? I'd really appreciate it!
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
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 :)
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>
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
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?
@mariusjopen i managed to change the z-index
But i still would appreciate your help with those two bugs!
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
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
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
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