Question

我正在尝试创建一个在滚动时触发的函数，滚动函数水平工作，并且是像素联合自定义主题的一部分（我相信）。我已经能够在其他地方使用滚动功能，但不能在主题内部工作。

这是我的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/我试过查看代码，但我不确定如何实现某些内容来检测滚动是否正在发生。

Answer 1

看起来这是在看事件：

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

将窗口绑定到滚动功能，但自定义滚动功能作为tumblr主题的一部分

1 个答案: