Question

我确定我错过了一些明显的东西，我已经检查了其他有关此问题，但似乎没有一个问题。我是Javascript的新手，但我确信这是一个在网站上实现的非常简单的脚本。如果我可以让它工作，我可以从那里编辑它，看看它如何工作，以进一步增强或删除它。

这是我的代码，以便您可以在.html文件中查看我的具体信息

<!DOCTYPE>
<html>
<head>
<title>Example</title>
<link rel="stylesheet" href="css/nanoscroller.css">
<script rel="text/javascript" src="js/jquery.nanoscroller.min.js"></script>
<style type="text/css">
/* START NanoSlider */
.nano { background: #bba; width: 500px; height: 500px; }
.nano .content { padding: 10px; }
.nano .pane   { background: #888; }
.nano .slider { background: #111; }
/* END NanoSlider */
</style>
<script>
    $(document).ready(function(){
         $(".nano").nanoScroller();
    });
</script>
</head>
<body>
<div id="about" class="nano">
    <div class="content">
         This is the content box and it should be scrolling but it is not!! =/.  
    </div> 
</div>        
</body>
</html>

这是一个JSFiddle：http://jsfiddle.net/fcJr3/1/

也许我链接或引用所需文件错误？或者可能没有链接或引用我想要的所有文件？

正如你在JSFiddle中看到的，我只得到了这个盒子。我没有得到滚动条或任何效果。非常感谢您的帮助，谢谢！

编辑：这是nanoSlider：http://jamesflorentino.github.io/nanoScrollerJS/

Answer 1

您需要包含jQuery库本身。您可以直接从谷歌cdn下载或直接运行，即 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

在你的小提琴中，你需要使用左上角的下拉列表来包含jquery， http://jsfiddle.net/fcJr3/2/

如何实现nanoScroller以使其正常工作？

1 个答案: