我的jScroll无法正常工作,尽管我遵循了http://jscroll.com/#example上的示例
我做错了吗?我对jQuery的经验很少。

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
<script src="jquery.jscroll.min.js"></script>
<script>
$('.scroll').jscroll();
</script>
</head>
<body>
<div class="scroll">
    <p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p>
</div>
</body>
</html>

最佳答案

等一下-您要达到什么目标?看完jScroll的文档后,我不确定您是否按预期使用它。

它用于延迟加载。也就是说,您有:



内容...内容...内容...内容...内容...内容...内容...内容......内容......内容......内容......
[Link to more content]



向下滚动到[Link to more content]时,它将从该页面加载内容。

您是否要在带有滚动条的框中修复“非常长的内容”?如果是这样,请使用CSS ...

div.scroll {
    height: 200px;
    overflow: auto;
    background:#ffe;
}


http://jsfiddle.net/jy3v2n25/




尝试将$('.scroll').jscroll();包裹在$(document).ready()中。

<script>
$(document).ready(function(){
    $('.scroll').jscroll();
});
</script>

关于jquery - jScroll不起作用,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/32371457/

10-12 06:43