0

我不太明白为什么这不起作用。我在它的右边有一些介绍图像的文字。当用户滚动查看图像时，我希望文本逐渐消失。我已经看到很多使用相同代码的垂直文本褪色的例子，但由于某种原因，这对我不起作用。有人看到我做错了什么吗？我有以下 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>
4

2 回答 2

0 
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);
        });
    }
});

演示

于 2013-10-10T10:34:19.970 回答
0

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

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

于 2013-08-17T05:31:58.800 回答