个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我确定我遗漏了一些明显的东西，并且我已经检查了与此相关的其他问题，但似乎没有一个完全符合我的问题。我是 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/
最佳答案
您需要包含 jQuery 库本身。您可以下载它或直接从 google cdn 运行它，即
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
在您的 fiddle 中，您需要使用左上角的下拉菜单包含 jquery，即 http://jsfiddle.net/fcJr3/2/
关于javascript - 如何实现 nanoScroller 以使其正常工作？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20411465/
25
4
0
下面的代码应该能够根据nanoscroller documentation触发pane和slider以适当的display css属性。 。但是，滚动条不会显示 slider，直到我在浏览器中执行某些
我将 Tabulous.js 脚本与 NanoScroll.js 一起使用这是我的代码: short text very long text 和
我有这个示例网站，http://www.miguelonenterprises.com/horizontalScroll.html . 我在这个网站上遇到的问题是: 这是一个分页页面。如果我将鼠标放在
我正在使用nanoScoller.js用于在网站上创建自定义滚动条的插件。这工作得很好，但如果它可以执行某种缓动/平滑滚动，那就太好了。该插件似乎没有此选项，我想知道是否有其他方法可以实现此目的？ $
我确定我遗漏了一些明显的东西，并且我已经检查了与此相关的其他问题，但似乎没有一个完全符合我的问题。我是 Javascript 的新手，但我确信这是一个非常简单的脚本，可以在网站上实现。如果我可以让它工
有谁知道我们是否也可以将 nanoscroller 用于水平滚动？ 我一直在谷歌搜索，但无法找到任何相关信息。 我已经实现了 nanoscroller，它适用于垂直滚动，水平滚动时不会出现滚动条。 请
我正在使用 Nanoscroller ( http://jamesflorentino.github.io/nanoScrollerJS/ ) 尝试让边栏在内容过多时滚动。但是，我发现文本溢出了 di
我正在使用 nanoscroller js在 div 元素中创建一个可滚动区域。问题是我用 ajax 数据填充 div 元素(想象一下 facebook 通知)。首先有 0 条通知，没有数据。然后我用
我正在使用nanoscroller显示项目列表。然而，在某些情况下，我通过ajax加载内容并修改nano的div.content。问题是内容没有重新渲染，尽管它在那里。 asddas 最
我正在尝试使用 nanoScroller 和 angularjs 的 ngrepeat 制作一个扩展到 max-height 的 div，但我无法让它工作，这里是 plunkr:Plunkr . 如果
当我使用 Bootstrap 下拉菜单和 nanoscrollerJS 插件时，发生了一些非常烦人的事情。下拉菜单时不会触发 nanoscroller 插件。一旦您使用 Firebug 并再次浏览下拉
这是我的代码 我在ul元素下列出了一些名字 我使用 nanascroller 滚动这是我的代码 $(".dropdownToggle_cont.nano").nanoScroller({stop:
我浏览了很多关于 stackoverflow 的帖子，但我还没有设法找到答案。我有一个 jQuery 滚动条插件 (nanoscroll)，我希望它在 ng-repeat 之后更新。正如这里的许多帖子
我是一名优秀的程序员,十分优秀！