2014-02-22 82 views
0

我想創建一個在滾動上觸發的函數,滾動函數水平工作,並且是像素聯合自定義主題的一部分(我相信)。我已經能夠在其他地方使用滾動功能,但不能在主題內使用滾動功能。將窗口綁定到滾動功能,但自定義滾動功能作爲tumblr主題的一部分

這是我的JS:

$(document).ajaxComplete(function(event){ 

scrollCh = function() { 
    $content = $('.post'); 
    $caption = $('.overlay .caption p'); 
    $offSet = $content.offset(); 
    $left = event.pageX - $content.offset(); 

    $caption.addClass('scroll-para').css('display','block'); 
    if($content.offset().left < 50) { 
     $('body').css('background','yellow'); 
    }else{ 
     $('body').css('background','orange'); 
    } 
    console.log($left, $content, $caption, $offSet); 
} 
}); 

$(window).bind('scroll click', function(){ 
    scrollCh(); 
    console.log('clicked'); 
}); 

我已經添加綁定上點擊來證明我的代碼是射擊至少一個事件。

我的測試tumblr是在這裏:http://hoffman-test.tumblr.com/

像素工會JS還呼籲其他各種腳本,起初我以爲這可能是JScrollPane的,但現在我認爲這可能是一個鼠標滾輪腳本。 http://www.adomas.org/javascript-mouse-wheel/我已經試過翻看代碼,但我不知道如何實現某些東西來檢測滾動是否發生。

回答

0

看起來這是看事件:

$(window).bind('mousewheel', function(){ 
    scrollCh(); 
    console.log('scrolling'); 
});