Nice Scroll does not work

Asked

Viewed 252 times

2

I need to leave my page with smooth scrolling. Searching in the community I found the plugin called nice scroll. I implemented it and it worked only on Google Chrome and Opera, but not on Mozilla Firefox and Safari. Follow my code below:

<!doctype html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <title>Nova Era Team</title>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script src="http://areaaperta.com/nicescroll/js/jquery.nicescroll.min.js"></script>
  <script type="text/javascript">
    $(document).ready(function() {
      $("html").niceScroll();
    });
  </script>

</head>

<body>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>
  <p>teste</p>



</body>

</html>

javascript jquery plugin

  • Give an element, go to console and copy here the error that is giving, please.

  • Which version of firefox do you use? in firefox Developer 40.0a2 is working

1 answer

1

I use the Smoothscroll no problem.

Just download and add the call below in the footer file of your pages:

<script src="SEU_DIRETORIO/SmoothScroll.js"></script>

Browser other questions tagged javascript jquery plugin

You are not signed in. Login or sign up in order to post.