perfect-scrollbar示例

时间:2024-05-23 15:34:38
<!DOCTYPE html>
<html>
<head>
  <title>perfect-scrollbar - www.97zzw.com -97站长网</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <link href="css/perfect-scrollbar.css" rel="stylesheet">
  <style>
    #Demo {position:relative;margin:0px auto;padding:0px;width:600px;height:400px;overflow:hidden;}
    #Demo .content {background:#666;width:1280px;height:720px;padding:10px;color:#fff}
  </style>
</head>
<body>
  <div id='Demo'>
    <div class='content'>
      武汉国光劳保用品厂是一家生产和加工劳保产品性质的劳动密集型企业,位于素有“劳保用品之乡”之称的武汉市蔡甸区。企业始创于2001年,直至今日,已经有十多年的发展历史了。企业成立初期,主要      以生产和加工劳保用帆布手套为主,在生产经营过程中,取得了良好的经济效益,并积累了十分丰富的劳保行业经验。随着数年的发展,企业的生产规模与投资方向都不断的扩展,目前,已成为一家兼有帆      布纺织与劳保用品生产加工的一体化企业,产品涉及劳保手套、披风帽、帆布围腰、工作服等各个方面,拥有纺织、裁剪等各类员工50余名,仅帆布手套的年产量就达到200万双以上。产品不仅占据了省内      及邻近省份的市场份额,更远销河北,青海,*等地。
    </div>
  </div>
  <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
  <script src="js/perfect-scrollbar.with-mousewheel.min.js"></script>
  <script>
    $(function() {
      $('#Demo').perfectScrollbar();
    });
  </script>
</body>
</html>