javascript - 纳米滚动不工作

标签 javascript jquery scroll

我正在尝试在我的项目中使用nanoScroller。我将查看official site处的文档。这是我想出的代码(nano.js 包含与该页面中提到的 production site 相同的代码。但是,它不起作用,并且文本只是溢出了容器。谁能告诉我我做错了什么?这是我的代码:

<!DOCTYPE html>
<html>
    <head>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
        </script>
        <script src="nano.js">
        </script>
        <link rel="stylesheet" href="https://raw.github.com/jamesflorentino/nanoScrollerJS/master/bin/css/nanoscroller.css">
        <style>
             .nano { width: 500px; height: 200px;}
             .nano .content { padding: 10px;  }
             .nano .pane   { background: black; }
             .nano .slider { background: #111; }
        </style>
        <script>
                $(document).ready(function(){
                     $(".nano").nanoScroller();
                });
        </script>
    </head>
    <body>
      <div id="about" class="nano">
        <div class="content"> 
            Thanks to SublimeVideo Horizon, the SublimeVideo Modular Player can now easily be enriched with future features and add-ons. Below, we would like to share with you some possible upcoming features and add-ons. We would be delighted if you let us know about any other add-on you may need.Thanks to SublimeVideo Horizon, the SublimeVideo Modular Player can now easily be enriched with future features and add-ons. Below, we would like to share with you some possible upcoming features and add-ons. We would be delighted if you let us know about any other add-on you may need.Thanks to SublimeVideo Horizon, the SublimeVideo Modular Player can now easily be enriched with future features and add-ons. Below, we would like to share with you some possible upcoming features and add-ons. We would be delighted if you let us know about any other add-on you may need.Thanks to SublimeVideo Horizon, the SublimeVideo Modular Player can now easily be enriched with future features and add-ons. Below, we would like to share with you some possible upcoming features and add-ons. We would be delighted if you let us know about any other add-on you may need.Thanks to SublimeVideo Horizon, t
        </div> 
      </div>
    </body>
</html>

最佳答案

row.github.com不是 CDN,因此不允许从其他网站进行远程访问。将 CSS 文件下载到您的服务器并更改 <link rel="stylesheet" />所以。

关于javascript - 纳米滚动不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18447636/

相关文章:

c# - ScrollViewer 和 LonglistSelector Scrollbar 冲突

javascript - 使用 jQuery 将 "selected"属性添加到下拉选项

javascript - 不正确配置 : Error importing middleware django. contrib.admindocs.middleware: "No module named middleware"

javascript - 不确定技术术语 - HTML/CSS/Javascript 表格问题

javascript - 未选中复选框时隐藏按钮,单击“全部选中”或单击一个或多个复选框时显示按钮

javascript - Edge 中的异步滚动 (APZ) 卡顿且有问题;不在 IE 或其他浏览器中

android - android ListView 中的异常

javascript - "Error: this.setState is not a function"试图取消选中 React Native 中的 CheckBox?

javascript - 如何修复设计中给出的 slider 的导航和点

jquery - jqgrid 中的 "forceFit : true"是什么意思?