Is nicescrol compatible with Materializecss?

[gusbemacbe]

Hello,

I use Materialize framework and applied nicescroll to tag html, but the scrollbar doesn't get effect.

I think that nicescroll and Materialize are incompatible.

[inuyaksa]

Please, try adding nicescroll to the body element.

[gusbemacbe]

I added body and it didn't get effect either.

[inuyaksa]

Any error in console?

[gusbemacbe]

No, as I checked the console. There is no error.

<script type="text/javascript">
$(function() {  
    $("html").niceScroll();
});
</script>

Is this code correct?

[inuyaksa]

I'm investigating, materailizecss is new for me

[gusbemacbe]

Read, @inuyaksa, read our discussion: https://github.com/Dogfalo/materialize/issues/4984, applying to HTML worked, but to side-navbar, it not worked.

[inuyaksa]

Reply https://github.com/Dogfalo/materialize/issues/4984#issuecomment-316623911

[gusbemacbe]

Ah, somebody suggest me to move sidenav outside navbar and it worked, but the nicescroll is still inside the navbar:

https://codepen.io/gusbemacbe/pen/rwXawx

[inuyaksa]

It seems all works, but your navbar has no others elements to display so scrollbar has hidden. Try to set height: 200px to #slide-out