<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>perfect-scrollbar example</title>
      <link href="../src/perfect-scrollbar.css" rel="stylesheet">
      <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
      <script src="../src/jquery.mousewheel.js"></script>
      <script src="../src/perfect-scrollbar.js"></script>
      <style>
        .contentHolder { position:relative; margin:0px auto; padding:0px; width: 600px; height: 400px; overflow: hidden; }
        .contentHolder .content { background-image: url('./azusa.jpg'); width: 1280px; height: 720px; }
        .spacer { text-align:center }
        h2 { text-align: center; }
      </style>
    <script>
      jQuery(document).ready(function ($) {
        "use strict";
        $('#Default').perfectScrollbar();
        $('#SuppressScrollX').perfectScrollbar({suppressScrollX: true});
        $('#SuppressScrollY').perfectScrollbar({suppressScrollY: true});
      });
    </script>
  </head>
  <body>
    <h2>Default</h2>
    <div id="Default" class="contentHolder">
      <div class="content">
      </div>
    </div>
    <h2>suppressScrollX: true</h2>
    <div id="SuppressScrollX" class="contentHolder">
      <div class="content">
      </div>
    </div>
    <h2>suppressScrollY: true</h2>
    <div id="SuppressScrollY" class="contentHolder">
      <div class="content">
      </div>
    </div>
  </body>
</html>


Add an example for the scroll suppression feature.
Add an example for the scroll suppression feature.

The 'suppressScrollX' and 'suppressScrollY' features were added and
this patch add the example for the features.
