14

I've been trying to install the NiceScroll plugin, which makes the scrolling much smoother. The website is http://areaaperta.com/nicescroll/index.html and I can't seem to figure out how to install it. I really don't understand the instructions. It isn't working, and I have no idea what I'm doing as I don't understand jQuery. Here's my code:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script src="C:\Users\haines\Desktop\Music\resource\jquery.nicescroll.js"></script>
<script src="C:\Users\haines\Desktop\Music\resource\jquery.nicescroll.min.js"></script>

<script>
var seq = 0;
$(document).ready(

function() { 

$("html").niceScroll();

}

);
</script>

It's in the header, by the way.

GarrettSadFace
  • 225
  • 1
  • 3
  • 8
  • Just a side note: Try to use relative URLs in your src instead of absolute URLs. When you deploy or move your app, you will thank yourself. – maahd Jun 22 '15 at 13:15

2 Answers2

4

you need to add the http:// protocol.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
Bary12
  • 840
  • 6
  • 19
3

Try this. You need either jquery.nicescroll.min.js or jquery.nicescroll.js, and you don't need to wrap $("html").niceScroll(); in a function.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script src="C:\Users\haines\Desktop\Music\resource\jquery.nicescroll.min.js"></script>

<script>
  $(document).ready(
    $("html").niceScroll();
  );
</script>
roshiro
  • 750
  • 1
  • 5
  • 9
  • Surely you DO have to wrap the code in a function (or just provide the function without parenthesis), since it needs to be run in the "ready" event handler? – Spooner Jul 17 '18 at 23:09