だから私はjsfiddleで動作する動的スクロールを作成しました-> http://jsfiddle.net/9zXL5/39/
var movelist = document.getElementById('movelist');
function yHandler() {
var contentHeight = movelist.scrollHeight;
var yOffset = movelist.clientHeight;
var y = yOffset + movelist.scrollTop;
if (y >= contentHeight) {
movelist.innerHTML += '<div class ="newData">yooooo</div>';
}
}
movelist.onscroll = yHandler;
しかし、yHandler が定義されていないなどのキャッチされないエラーがありました。そこで、var movielist=.. と movielist.onscroll = yHandler; を配置してエラーを修正しました。私の $(document).ready 内。エラーはなくなりましたが、見たようにスクロールが一番下に達したときにコンテンツが読み込まれません --> http://jsfiddle.net/9zXL5/40/
$(document).ready(function() {
var movelist = document.getElementById('movelist');
movelist.onscroll = yHandler;
});
function yHandler (){
var contentHeight = movelist.scrollHeight;
var yOffset = movelist.clientHeight;
var y = yOffset + movelist.scrollTop;
if(y >= contentHeight){
movelist.innerHTML += '<div class ="newData">hey look at me</div>';
});
}
}
理由がわかりません。誰かがなぜそうなのかを説明してくれたら、本当にありがたいです。