我有以下看法
var FullWindow = Backbone.View.extend({
initialize: function() {
_.bindAll(this, 'detect_scroll');
},
// bind the events
events : {
"scroll" : "detect_scroll"
},
detect_scroll: function() {
console.log('detected');
}
});
我通过
初始化它var full_window = new FullWindow({el:$('body')});
但我认为它不起作用。
当我将事件更改为
events : {
"click" : "detect_scroll"
},
没关系。
怎么了？
【问题讨论】：
我认为 body 元素不会触发滚动事件，除非您通过在 CSS 中将其 overflow 属性设置为 scroll 来明确地为其提供滚动条。来自 jQuery 文档：
当用户滚动到元素中的不同位置时，会向元素发送滚动事件。它适用于窗口对象，也适用于具有溢出 CSS 属性设置为滚动（或当元素的显式高度或宽度小于其内容的高度或宽度时自动）的可滚动框架和元素。
假设您没有明确地为 body 元素提供具有 overflow:scroll 和/或固定高度的滚动条，那么您要侦听的 scroll 事件可能会被 window 对象触发，不是body。
我认为这里最好的方法是放弃 Backbone 事件绑定（这实际上只是一种简写，仅适用于 view.el 元素内的事件）并直接绑定到 initialize() 中的窗口：
initialize: function() {
_.bindAll(this, 'detect_scroll');
// bind to window
$(window).scroll(this.detect_scroll);
}
【讨论】：
this 的引用将受_.bindAll 函数的约束 - 这就是该行的重点。见documentcloud.github.com/underscore/#bindAll
$(window).off(this.detect_scroll) 应该这样做。
我认为问题在于 Backbone 使用事件委托来捕获事件，即它将侦听器附加到 this.$el，并且 scroll 事件不会按照定义冒泡。
因此，如果scroll 事件发生在this.$el 的子（或后代）上，则在this.$el 上无法观察到此事件。
它适用于click 的原因只是因为click 冒泡了。
【讨论】：
body 和 window 的滚动条是不同的，你必须确保你没有在 window 对象上滚动。这是一个 jsfiddle，说明了您可能遇到的问题。
我不确定您是否可以将“el”更改为 document.window 对象，但我认为这不是一个好的解决方案。我会说你最好的选择是使用 CSS 像我所做的那样来帮助你处理 body 元素，或者在 body 内创建一个 div 并引用该诗句 body 标签。
祝你好运。
【讨论】：
我有同样的问题，这就是我实现它的方式
var MyView = Backbone.View.extend({
el: $('body'),
initialize: function() {
$(window).scroll(function() {
if ($(window).scrollTop()!=0 && $(window).scrollTop() == $(document).height() - $(window).height()) {
if (mpListModel.get('next')) {
var res = confirm('Next page?');
if (res==true) {
myView.fetch()
}
}
}
});
},
events: {},
fetch: function() {
//fetch stuff
}
}); var myView = MyView();
【讨论】：
afterRender: function() {
// <div id="page-content" class="page-content"> la class qui contiens le scroll
var $scrollable = this.$el.find('.page-content');
$scrollable.scroll(function() {
alert("event scroll ");
});
},
【讨论】：