这里有很多单独的问题,我想弄清楚对最近的很多帖子表示道歉;)
我的网站上有无限滚动(我们不会提到的其他问题)但整个事情似乎发生得太快,特别是在分页存在之前。
这就是我所拥有的:
<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 - 如果向下滚动一下,你可以看到滚动条滑块缩短,因为它在我到达它之前加载了内容。
答案 0 :(得分:1)
这没有错。它完全按照预期工作。您想要要在呈现底部之前呈现页面,因为您不希望用户必须等待。您的服务器可以获得点击。您的用户无法忍受等待。
看看Pinterest,看看完全相同的事情。