在视图中淡入元素并在视野外淡出

时间:2014-11-11 15:34:37

标签: javascript jquery css html5 fade

我是JavaScript新手,所以我对此一无所知。 我想要的是淡化视图中的元素(中心)并淡化那些元素。 当他们不在视野中时,我希望他们再次淡出。

例如: 所以一开始你什么也看不见。但是如果你开始滚动,文本块1会淡入。当滚动浏览此块时,文本块2在文本块1下淡入,而文本块2淡入,文本块1淡出。向下滚动时,文本块1完全不可见。文本块2开始淡出,文本块3开始在文本块2下淡入。

2 个答案:

答案 0 :(得分:1)

嘿,你应该看看这个JQuery API

基本上,您将在Mark-Up(HTML)中为元素(即div)附加一种函数。当它进入页面区域的某种视图时,您可以从JQuery库中调用淡入淡出函数。

您的功能的实现取决于您的网页及其设置方式。

答案 1 :(得分:0)

jQuery是你可能想要在这种情况下使用的,请发布你的代码,这样人们可以更好地帮助你,但是一个疯狂的猜测它看起来像这样:

$('#txtblk1').fadeIn('slow', function() {
  //A function called after fadein is complete
 });

Prime解释可以在jQuery API网站上找到,如上所述。

相关问题