如何使用stellar.js (用于滚动的jquery )？
如何使用stellar.js (用于滚动的jquery )？
提问于 2012-11-15 12:18:41
我身体里有三个div：
<body>
<div id="wrap">
<div id="a"></div>
<div id="b"></div>
<div id="c"></div>
</div>
</body>我只想知道"#b“的滚动速度比其他两个快。就这样。
因此，我编写了如下代码(然后按照Mark的建议进行修改)：
<script>
$(document).ready(function(){
$(window).stellar();
});
</script>
<style>
#wrap{overflow:hidden;}
</style>
...
<body>
<div id="wrap">
<div id="a" data-stellar-ratio="1"></div>
<div id="b" data-stellar-ratio="2"></div>
<div id="c" data-stellar-ratio="1"></div>
</div>
</body>但结果很糟糕。我永远不能滚动到整个页面的底部。
每次#b到达窗口顶部时，整个页面都会运行到顶部(就像我第一次运行此页面时所看到的那样)。
我想我还是不明白stellar.js站点上的介绍意味着什么。
请帮帮我。
回答 1
Stack Overflow用户
回答已采纳
发布于 2012-11-16 00:00:01
编辑：，以展示您的示例应该如何工作，我在JSFiddle上为你做了一个演示。
目前，您使用的是针对“body”的Stellar.js，当它需要指向滚动元素时。在大多数情况下，这是“窗口”。另外，在文档准备好之前，您不能使用Stellar.js。
因此，您应该将JavaScript更改为：
$(document).ready(function() {
$(window).stellar();
});jQuery有$(document).ready的简写，Stellar.js有$(window).stellar的简写，所以您也可以这样写它：
$(function() {
$.stellar();
});希望这能帮你弄清楚。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/13397422
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号