Javascript Jscroll无法在android设备上工作
我面临着无限滚动插件的一个奇怪问题 这是我的代码:Javascript Jscroll无法在android设备上工作,javascript,jquery,html,Javascript,Jquery,Html,我面临着无限滚动插件的一个奇怪问题 这是我的代码: $(function() { $('ul.pagination').hide(); $('.scroll').jscroll({ loadingHtml: '<div class="loading-icon"><i class="fa fa-spinner fa-2x fa-spin text-muted"></i></div>', autoTrig
$(function() {
$('ul.pagination').hide();
$('.scroll').jscroll({
loadingHtml: '<div class="loading-icon"><i class="fa fa-spinner fa-2x fa-spin text-muted"></i></div>',
autoTrigger: true,
nextSelector: '.pagination li.active + li a',
contentSelector: 'div.scroll',
callback: function() {
$('ul.pagination').remove();
//Some extra code for lazyload and emoji
$("img.lazy").lazyload({
effect: "fadeIn",
});
$(".emojizone").each(function() {
var original = $(this).html();
var converted = emojione.toImage(original);
$(this).html(converted);
});
}
});
});
此代码显示在页面末尾。您需要打开jscroll.js并更改此行
c = Math.ceil(r - i + f.height()+ o);
到
所以它在页面结束之前开始加载 您需要打开jscroll.js并更改此行
c = Math.ceil(r - i + f.height()+ o);
到
所以它在页面结束之前开始加载 jScroll有一个
padding
选项,允许您设置从页面底部开始加载下一组内容的距离。将其初始化为高于默认值0
的值,以更快地触发自动加载,从而解决移动设备上的问题
$('.jscroll').jscroll({
loadingHtml:“正在加载…”,
填充:20,
下一个选择器:“a.jscroll-next:last”,
内容选择器:“李”
});
完整选项列表如下:
jScroll有一个
填充
选项,允许您设置从页面底部开始加载下一组内容的距离。将其初始化为高于默认值0
的值,以更快地触发自动加载,从而解决移动设备上的问题
$('.jscroll').jscroll({
loadingHtml:“正在加载…”,
填充:20,
下一个选择器:“a.jscroll-next:last”,
内容选择器:“李”
});
完整选项列表如下:
请共享HTMLalso@NidhinChandran我已经更新了这个问题。许多自定义滚动插件在手机上不起作用,如果没有自定义插件脚本,我不认为你可以修复它。请共享HTMLalso@NidhinChandran我已经更新了这个问题。许多自定义滚动插件在手机上不起作用,我不认为没有它你可以修复它自定义插件脚本。
c = Math.ceil(r - i + f.height()+200 + o);