js訪問變量值

Question

以下工作正常，但是是否可以訪問'onEnter'內的變量「滾動」值？

$(document).ready(function() { 

    var $window = $(window); 

    function update() { 

     var scrolled = $window.scrollTop(); 
     return scrolled; 
    }; 



    $('.color').each(function (i, scrolled) { 
     var position = $(this).position(); 

     $(this).scrollspy({ 
      min: position.top, 
      max: position.top + $(this).height(), 
      onEnter: function (element, position, scrolled) { 
       var scrolled = $window.scrollTop(); 
       $window.bind('scroll', update); 
       console.log(scrolled); 
       if (element.id === 'one' || element.id === 'two') { 
        $('.slidingPannel').animate({ 
         'background-position-x': '100%' 
        }, 100); 
       } else { 
        $('.slidingPannel').animate({ 
         'background-position-x': '125%' 
        }, 100); 
       } 
      }, 
      onLeave: function (element, position) { 
       if (console) console.log('leaving ' + element.id); 
      } 
     }); 
    }); 
}); 

Answer 1

切換到這一點，你有範圍有關的問題：

$(document).ready(function() { 
var scrolled; 
var $window = $(window); 

function update() { 
    scrolled = $window.scrollTop(); 
}; 



$('.color').each(function (i, scrolled) { 
    var position = $(this).position(); 

    $(this).scrollspy({ 
     min: position.top, 
     max: position.top + $(this).height(), 
     onEnter: function (element, position, scrolling) { 
      scrolled = $window.scrollTop(); 
      $window.bind('scroll', update); 
      console.log(scrolled); // or should this be "scrolling" ? 
      if (element.id === 'one' || element.id === 'two') { 
       $('.slidingPannel').animate({ 
        'background-position-x': '100%' 
       }, 100); 
      } else { 
       $('.slidingPannel').animate({ 
        'background-position-x': '125%' 
       }, 100); 
      } 
     }, 
     onLeave: function (element, position) { 
      if (console) console.log('leaving ' + element.id); 
     } 
    }); 
}); 

}）;

Answer 2

我不認爲你可以將變量名稱作爲參數名稱傳遞給匿名函數。

這是你可以如何處理它。

$(document).ready(function(){ 

var scrolled; 
var $window = $(window); 

function update() { 
    scrolled = $window.scrollTop(); 
}; 



$('.color').each(function (i, scrolledItem) { // edit: changed "scrolled" to "scrolledItem" 
    var position = $(this).position(); 

    $(this).scrollspy({ 
     // some code here 
     onEnter: function (element, position) { 
      // scrolled = $window.scrollTop(); 

      console.log(scrolled); // hopefull should reference scrolled variable as there is no argument with the same name. 

     }, 
     // some code here 
    }); 
}); 

});