这里有很多单独的问题,我想为最近的很多帖子道歉;)
我的网站上有无限滚动(其他问题我们不会提及),但整个事情似乎启动得太快了,尤其是在分页存在之前。
这就是我所拥有的:
<script src="<?php bloginfo('template_directory'); ?>/js/jquery.infinitescroll.min.js"></script>
<script>
$(function(){
var $container = $('.rest-of-content');
$container.infinitescroll({
navSelector : '.wp-paginate', // selector for the paged navigation
nextSelector : '.wp-paginate li a', // selector for the NEXT link (to page 2)
itemSelector : '.single-fg-post', // selector for all items you'll retrieve
bufferPX: 20,
loading: {
msgText: 'Fetching more gold...',
finishedMsg: 'Damn! No more gold!',
img: '<?php bloginfo('template_directory'); ?>/images/ajax-loader-black.gif'
}
});
});
</script>
但是,如果您查看它的工作方式:http: //goo.gl/L9p00 - 如果您向下滚动一点,您会看到滚动条滑块缩短,因为它在我到达之前加载内容。