Jquery Nanoscroller在任何浏览器中都不起作用_Jquery_Scroll

Jquery Nanoscroller在任何浏览器中都不起作用

jquery scroll

Jquery Nanoscroller在任何浏览器中都不起作用,jquery,scroll,Jquery,Scroll,我正在为nano scroller使用以下代码。但是nano scroller不会显示。我已经添加了css和js文件。我做错了什么我使用的NanoColler生产代码来自政府网站的.js文件 <head>  <link rel="stylesheet" href="css/base.css"> <

我正在为nano scroller使用以下代码。但是nano scroller不会显示。我已经添加了css和js文件。我做错了什么

我使用的NanoColler生产代码来自政府网站的.js文件

<head>

    <!-- CSS
   ================================================== -->
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/layout.css">
    <link rel="stylesheet" href="css/nano.css">
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

    <link rel="stylesheet" type="text/css" href="timeline/css/timecube.jquery.css">
       <script src="js/nano.js"></script>


    <style>
             .nano { height: 280px;}
             .nano .content { }
             .nano .pane   { background: none}
             .nano .slider { background: #FED136; }
        </style>
        <script>
                $(document).ready(function(){
                     $(".nano").nanoScroller();
                });
        </script>

</head>
<body data-spy="scroll" data-target="#nav-wrap">
         <div class="col half nano">
            <h3>Latest Updates</h3>
            <div class="content">
            <div class="badge">4&5<span>APR '14</span></div>
            <span class="client-author">Education Fair - World Trade Center</span><br><br>
            <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia,
            there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the
            Semantics, a large language ocean. <a href="events.html">Details & Photos</a>
            </p>
            <div class="badge">4&5<span>APR '14</span></div>
            <span class="client-author">Education Fair - World Trade Center</span><br><br>
            <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia,
            there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the
            Semantics, a large language ocean. <a href="events.html">Details & Photos</a>
            </p>
         </div>
         </div>
</body>


.nano{高度：280px；}
.nano.content{}
.nano.pane{背景：无}
.nano.slider{背景：#FED136；}
$（文档）.ready（函数（）{
$（“.nano”）.nanoScroller（）；
});
最新更新
2014年4月4日和5日
教育博览会-世贸中心


远远地，在山脉的后面，远远地，在沃卡利亚和辅音的国家，
那里住着盲文。分开后，他们住在美国海岸边的Bookmarksgrove
语义学，一个巨大的语言海洋。

2014年4月4日和5日
教育博览会-世贸中心


远远地，在山脉的后面，远远地，在沃卡利亚和辅音的国家，
那里住着盲文。分开后，他们住在美国海岸边的Bookmarksgrove
语义学，一个巨大的语言海洋。

这是您的代码

在CHROME、FIREFOX上测试

我在JSFIDLE中更新了代码，还包括了以下css：

   .nano { height: 280px;}
   .nano .content { }
   .nano .pane   { background: none}
   .nano .slider { background: #FED136; }

检查我贴出的答案。我在chrome、firefox和中查看了下面的JSFIDLE。若你们喜欢，就投票并标出答案。谢谢