Javascript 带有侧栏导航的无限滚动条
我正在通过Ajax加载结果。我正在使用无限滚动分页结果。 我有一个漂亮的小侧边栏,在新内容加载时跟随页面 我现在面临的问题是,漂亮的侧边栏中有字母A-Z。当用户单击其中一个字母时,我需要解除滚动事件的绑定->从上一个加载的节到下一个请求的节(a-Z)创建占位符->加载请求的节,然后继续重新绑定$(window).scroll()。它实际上(或应该)与Facebook的时间表紧密相关 我一辈子都搞不懂的是,当你点击侧边栏时,如何解除滚动事件的绑定。我删除了一个固定的边栏代码和数据检索,因为它在这里没有任何用途 一点代码Javascript 带有侧栏导航的无限滚动条,javascript,jquery,Javascript,Jquery,我正在通过Ajax加载结果。我正在使用无限滚动分页结果。 我有一个漂亮的小侧边栏,在新内容加载时跟随页面 我现在面临的问题是,漂亮的侧边栏中有字母A-Z。当用户单击其中一个字母时,我需要解除滚动事件的绑定->从上一个加载的节到下一个请求的节(a-Z)创建占位符->加载请求的节,然后继续重新绑定$(window).scroll()。它实际上(或应该)与Facebook的时间表紧密相关 我一辈子都搞不懂的是,当你点击侧边栏时,如何解除滚动事件的绑定。我删除了一个固定的边栏代码和数据检索,因为它在这里
// i use this array to figure out which section of data i need next
var letters = new Array('a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p','q','r','s','t','u','v','w','x','y','z');
// get the default set of data to display BEFORE scroll
// -> some code...
// remove letter from array
letters.splice(0, 1);
// scroll
$(window).scroll(function(event){
var doc_height = parseInt($(document).height()),
window_height = parseInt($(window).height()),
scroll_at_height = parseFloat(doc_height - parseFloat(doc_height / 10) - window_height),
scroll_y = $(window).scrollTop();
// check if the scroll height is met and pull next recordset
if (scroll_y >= scroll_at_height) {
// as long as there are still more sections to go [var letters]
if (letters.length > 0) {
// get next set
// -> some code to get the next set of data...
// remove letter from [letters] array
letters.splice(0, 1);
}
}
});
// sidebar nav
$('.letter-picker a').bind('click', function() {
// nothing here works anywho...
return false;
});
真 的。嗯,所以我真的尝试了$(窗口);它以前不起作用,现在起作用了-1用于在Windows机箱上进行开发。