带有水平滚动的 jQuery 文本不透明度

Question

我不太明白为什么这不起作用。我在它的右边有一些介绍图片的文字。当用户滚动查看图像时，我希望文本逐渐消失。我已经看到很多使用相同代码的垂直文本淡入淡出的示例，但出于某种原因，这对我不起作用。有人看到我做错了什么吗？我有以下 javascript 代码:

<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>

Answer 1

我在 http://jsfiddle.net/5xQb3/6/ 为你制作了一个 jsfiddle

在我将 bind('projectLoadComplete ') 替换为 document.ready() 后，它对我有用。你确定你的 projectLoadComplete 事件正在触发吗？