根据infinitescroll.com文档,我添加了以下代码,它在桌面浏览器上运行良好,但在移动浏览器上,它不会在我向下滚动时加载内容。
$(document).ready(function() {
jQuery.ias({
container: '#mobileVideos',
item: '.mobileVideoDiv',
pagination: '#mobilePagination',
/*delay: '1500',*/
next: '.mobileNext'
});
});
以防万一,如果它有帮助的话,我对我的代码进行了一些反复尝试,发现从HTML标题中删除<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">
行可以解决问题,但它扰乱了我的网站视图,所以这显然不是一个解决方案。有人知道这里发生了什么吗?
好吧,我找到了一个解决方案。我用以下代码替换了上面的代码:
$(document).ready(function() {
var ias = $('.mobileContent').ias({
container: '#mobileVideos',
item: '.mobileVideoDiv',
pagination: '#mobilePagination',
delay: '1250',
next: '.mobileNext'
});
});
简而言之,我在这里所做的不是依赖浏览器滚动条,而是告诉jquery-ias在特定的"div"元素上添加滚动条。