Nice Scroll does not work

2

I need to leave my page with smooth scrolling. Searching the community I found the plugin called nice scroll . I implemented it and it only worked on Google Chrome and Opera, but not on Mozilla Firefox and Safari. Here is 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><scriptsrc="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>
    
asked by anonymous 22.05.2015 / 13:56

1 answer

1

I use SmoothScroll without any problems.

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

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

    
22.05.2015 / 19:03