Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用jScroll插件?_Javascript_Jquery_Html - Fatal编程技术网

Javascript 如何使用jScroll插件?

Javascript 如何使用jScroll插件?,javascript,jquery,html,Javascript,Jquery,Html,我想使用jScroll插件,以便在滚动到页面底部时加载另一个网页。我已经根据指令设置了它,并且可以看到插件正在生成一些代码,但是它没有按照预期工作。我们非常感谢您的帮助 HTML: 阿穆尔 材质产生差异 阿穆尔 不同的材料。 jQuery: <script> $('.scroll').jscroll(); $('.infinite-scroll').jscroll({ autoTrigger: true }); </script> $('.scroll

我想使用jScroll插件,以便在滚动到页面底部时加载另一个网页。我已经根据指令设置了它,并且可以看到插件正在生成一些代码,但是它没有按照预期工作。我们非常感谢您的帮助

HTML:


阿穆尔

材质产生差异

阿穆尔 不同的材料。
jQuery:

<script>
$('.scroll').jscroll();

$('.infinite-scroll').jscroll({
    autoTrigger: true
});
</script>

$('.scroll').jscroll();
$('.infinite scroll').jscroll({
自动触发:对
});

您有几个问题需要解决:

1) 您只需要针对页面的内容区域。“jscroll”希望在您滚动到某个区域的末尾后将新内容加载到该区域。此时,包装器div从上到下占据了整个页面。尝试仅在页面内容周围添加一个新div(例如:

2) 在链接中添加一个类(例如:jscroll next),您希望在下一页中加载该类-您将在初始化jscroll插件时使用该类,以明确地将该链接作为新页面

删除jquery并更改如下内容:

$('.content').jscroll({
    nextSelector: 'a.jscroll-next:last'
});

您有几个问题需要解决:

1) 您只需要针对页面的内容区域。“jscroll”希望在您滚动到某个区域的末尾后将新内容加载到该区域。此时,包装器div从上到下占据了整个页面。尝试仅在页面内容周围添加一个新div(例如:

2) 在链接中添加一个类(例如:jscroll next),您希望在下一页中加载该类-您将在初始化jscroll插件时使用该类,以明确地将该链接作为新页面

删除jquery并更改如下内容:

$('.content').jscroll({
    nextSelector: 'a.jscroll-next:last'
});

先生,你是个天才。非常感谢你的帮助。干杯。这个插件也有同样的问题$jscroll({nextSelector:'.proxima第a页:最后一页',});先生,你是个天才。非常感谢你的帮助。干杯。这个插件也有同样的问题$jscroll({nextSelector:'.proxima第a页:最后一页',});