我将 Tabulous.js 脚本与 NanoScroll.js 一起使用 这是我的代码:
<div id="tabs_container" class="nano">
<div id="tabs-1" class="overthrow content">
short text
</div>
<div id="tabs-2" class="overthrow content">
very long text
</div>
</div>
和
<script type="text/javascript">
$(function () {
$(".nano").nanoScroller({scroll: 'top'});
}
</script>
由于第一个内容比较短,没有使用nano,但是第二个内容应该会出现。
内容是一个类,这就是为什么我认为我们可以使用多个内容。我错了吗?
对此有何建议?
提前致谢
最佳答案
您只有一个“纳米”类,但有两个内容类。
对于页面上的每次滚动,您都需要这两个类中的两个。
所以你可能需要这样的东西:
<div id="tabs_container" class="nano">
<div id="tabs-1" class="overthrow content">
short text
</div>
</div>
<div id="tabs_container_2" class="nano">
<div id="tabs-2" class="overthrow content">
very long text
</div>
</div>
或者像这样思考:
<div id="tabs_container" class="nano">
<div class="content">
<div id="tabs-1" class="overthrow">
short text
</div>
<div id="tabs-2" class="overthrow">
very long text
</div>
</div>
</div>
关于javascript - Nanoscroll 不支持多内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18044027/