2014-02-22 1 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'); 
}); 

.

내 테스트 텀블러는 여기에 있습니다 : 다양한 다른 스크립트를 호출 http://hoffman-test.tumblr.com/

픽셀 노조 JS는, 처음에 나는 그것이 JScrollPane의 수도 생각했지만, 지금은 그것이 마우스 휠 스크립트 것 같아요. http://www.adomas.org/javascript-mouse-wheel/ 코드를 살펴 보았지만 스크롤이 발생했는지 감지 할 수있는 방법을 구현하는 방법을 모르겠습니다.

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

답변

0

이벤트를보고 다음과 같습니다