Question

我在上面写了两个Fiddles（在stackoverflow的帮助下），在第一个例子中$('#scroll_screen').scroll(function()正常工作，我能够看到我的console.log消息和预期的动作发生（滚动到底部改变了div的背景颜色）

在我的第二个小提琴中，我使用了完全相同的jQuery函数，并且console.log消息甚至没有被触发。

你看到我的错误吗？

滚动功能

var wireInfinScroll = function() {

  console.log('in wireInfinScroll');

  $('#scroll_screen').scroll(function() {

      console.log('scrolling...');
      console.log(' ');
      console.log( $('#scroll_screen').scrollTop() );
      console.log( $('#content').height() - $('#scroll_screen').scrollTop() );

      if ( $('#scroll_screen').scrollTop() >= $('#content').height() - $('#scroll_screen').scrollTop() ) {

          // run our call for pagination
          $('#scroll_screen').css('background', 'yellow');
          console.log('Bottom of Page!');

      } else if ( $('#scroll_screen').scrollTop() < $('#content').height() - $('#scroll_screen').scrollTop() ) {

          $('#scroll_screen').css('background', 'pink');

        }

    });

}

wireInfinScroll（）;

Answer 1

修正了我的HTML DOM元素有些破坏了这个功能，甚至认为它们被命名为相同并定位相同....仍在深入探究为什么会这样做

http://jsfiddle.net/leonwho/kcnLx/

$('#content').scroll(function() { not #scroll_screen

为什么滚动不会触发我的滚动功能

1 个答案: