水平滚动jQuery文本不透明

我不能完全弄清楚为什么这不起作用。我有一些文字介绍右边的图片。当用户滚动查看图像时，我希望文字逐渐消失。我已经看到很多垂直文本使用相同的代码淡入淡出的例子，但由于某种原因，这不适用于我。有人看到我做错了什么？我有以下的javascript代码：水平滚动jQuery文本不透明

<script> 
    $(document).bind("projectLoadComplete", function(){ 
     if ($(".project_intro")[0]){ 
      var divs = $('.project_intro'); 
      $(window).bind('scroll', function() { 
       var st = $(this).scrollLeft(); 
       divs.css({ 'opacity' : (1 - st/250) }); 
       if (divs.css('opacity') < 0) { 
        divs.css('opacity', 0); 
       } 
      }); 
     } 
    }); 
</script>

和下面的HTML代码：

<div class="project_intro">This is some intro text that I want to fade when the user scrolls left.</div> 
<table height="100%" style="height: 100%; margin-left: 300px;" valign="middle"> 
    <tr> 
     <td>{image 1}</td> 
     <td>{image 2}</td> 
    </tr> 
</table>

来源

2013-08-17 user2687382

看起来你的代码是好的减去一些主观的变化。我会看看[这个链接]（http://support.cargocollective.com/customer/portal/questions/1282858-projectloadcomplete-not-triggering-）关于你的“绑定”。此外，如果您可以提供更多信息，例如控制台中的任何错误，或者您可以手动触发它，那将会很有用。 – Fluidbyte

我在http://jsfiddle.net/5xQb3/6/

它为我工作后，我更换了bind('projectLoadComplete ')到document.ready()做了的jsfiddle你你确定你的projectLoadComplete事件正在发射吗？

来源

2013-08-17 05:31:58 DGS

Don't go for the hardest thing dude. 
Use fadeOut jquery method... 
fadeOut('Ur time in milliseconds without quotes') 

$(document).ready(function(){ 
    if ($(".project_intro")[0]){ 
     var divs = $('.project_intro'); 
     $(window).bind('scroll', function() { 
      var st = $(this).scrollLeft(); 
      $('.project_intro').fadeOut(5000); 
     }); 
    } 
});

Demo

来源

2013-10-10 10:34:19 Nandakumar

水平滚动jQuery文本不透明

回答

相关问题