如何实现这样一个滚动div与改变CSS？

这个site在左边有一个滚动div。当你滚动页面时，div也有节奏地滚动，图像的颜色也会改变。 position:fixed并不是所有可以做到的。如何实现这样一个滚动div与改变CSS？

然后是什么技术？

编辑：

position:fixed是一切，我可以用它来得到一个div固定在与页面滚动的位置。但如何增加更改div的节奏？我还需要展示哪些研究成果（负面排名）？

来源

2012-07-30 Istiaque Ahmed

你尝试寻找的源代码？ http://www.builtbymoby.com/scripts/home.js – j08691 2012-07-30 19:24:24

是的，我做到了。已经是一个负面的观点...任何帮助理解代码？或者其他简单的方法？ – 2012-07-30 19:34:16

我猜你是因为代码就在那里，并且很容易遵循而被人诟病。 – j08691 2012-07-30 19:37:04

你可以通过使用jquery实现这一点。

var divs = $('.fademe'); 
$(window).on('scroll', function() { 
    var st = $(this).scrollTop(); 
    if (st > 50 && st < 100) { 
     $('.fademe').css({ 
      'color': '#fff' 
     }); 
    } 
    else { 
     $('.fademe').css({ 
      'color': '#000' 
     }); 
    }  
});

该功能将改变文本的颜色在一个div当滚动条的位置是50和100之间，否则文本将是黑色

可以修改上述jQuery代码来改变任何你想要的CSS。

自己尝试一下这里http://jsfiddle.net/J8XaX/29/

加入反弹与这一个http://jsfiddle.net/J8XaX/43/

希望这有助于

来源

2012-07-30 19:35:52

关于div移动的节奏是什么？ – 2012-07-30 19:45:28

这是一个CSS属性，我猜测。而不是使用position：fixed你可以使用上面相同的jquery来修改css'top'属性。 – 2012-07-30 19:47:23

如果我添加顶级属性，会添加反弹效果吗？ – 2012-07-30 19:48:39

如何实现这样一个滚动div与改变CSS？

回答

相关问题