jQeury外掛「Infinite Scroll」滾動無限載入網頁內容

<script src="jquery-1.6.1.js"></script>
<script src="jquery.infinitescroll.js"></script>

<div id="content">
內容區塊
</div>
........
<a id="next" href="index2.html">next page</a><!-- 放在最底部 -->

<script>
		$('#content').infinitescroll('binding','unbind');
		$('#content').data('infinitescroll', null);
		$(window).unbind('.infscr');
 
		$('#content').infinitescroll({
		navSelector : "#next:last",
		nextSelector : "a#next:last",
		itemSelector : "#content",
		dataType : 'html'
		});
 
		//網址切換
		$(function () {
		    var cont_h = $('.main').height();
		    var pathname = window.location.href;
		    var pathhost  = location.hostname;
 
	    $(document).scroll(function () {
	          var top = window.pageYOffset;
	          	if(top<cont_h){
	          		window.history.pushState('', '', pathname);
 
	          	}else{
	          		var nexturl = $('#next').attr("href").replace("http://","").replace(pathhost,"");
	          		window.history.pushState('', '', nexturl);
	          	}
	    	});
		});
	</script>