2016-08-29 56 views
0

我在下面的代碼中缺少什麼? 爲什麼Perfect scrollbar可怕的崩潰?完美的滾動條不工作

它似乎搞亂了瀏覽器主滾動條的myDiv滾動條......任何幫助表示讚賞。

<!DOCTYPE html> 
<html> 
<head> 
    <title>Test</title> 
    <meta charset="utf-8" /> 
    <link href="perfect-scrollbar.min.css" type="text/css" rel="stylesheet"> 
    <style> 
     #myDiv { 
      width: 400px; 
      height: 400px; 
      overflow: auto; 
      background-color: #eeeeee; 
      margin: auto; 
     } 
    </style> 
</head> 

<body> 

<div id="myDiv"> 
    <p>Test perfect scrollbar</p><p>Test perfect scrollbar</p><p>Test perfect scrollbar</p><p>Test perfect scrollbar</p><p>Test perfect scrollbar</p><p>Test perfect scrollbar</p><p>Test perfect scrollbar</p><p>Test perfect scrollbar</p><p>Test perfect scrollbar</p><p>Test perfect scrollbar</p><p>Test perfect scrollbar</p><p>Test perfect scrollbar</p><p>Test perfect scrollbar</p><p>Test perfect scrollbar</p><p>Test perfect scrollbar</p><p>Test perfect scrollbar</p><p>Test perfect scrollbar</p><p>Test perfect scrollbar</p><p>Test perfect scrollbar</p><p>Test perfect scrollbar</p><p>Test perfect scrollbar</p><p>Test perfect scrollbar</p><p>Test perfect scrollbar</p><p>Test perfect scrollbar</p><p>Test perfect scrollbar</p><p>Test perfect scrollbar</p><p>Test perfect scrollbar</p><p>Test perfect scrollbar</p><p>Test perfect scrollbar</p><p>Test perfect scrollbar</p><p>Test perfect scrollbar</p><p>Test perfect scrollbar</p><p>Test perfect scrollbar</p><p>Test perfect scrollbar</p> 
</div> 

<script type="text/javascript" src="jquery-3.1.0.min.js"></script> 
<script type="text/javascript" src="perfect-scrollbar.jquery.min.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#myDiv').perfectScrollbar(); 
    }); 
</script> 

</body> 
</html> 

謝謝

+0

你有沒有[檢查你的控制檯](http://stackoverflow.com/documentation/javascript/185/hello-world/714/using-console-log)的錯誤? –

回答