Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/design-patterns/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 卷轴上的淡入淡出所有内容,而不是1乘1_Javascript_Jquery_Html_Css_Animation - Fatal编程技术网

Javascript 卷轴上的淡入淡出所有内容,而不是1乘1

Javascript 卷轴上的淡入淡出所有内容,而不是1乘1,javascript,jquery,html,css,animation,Javascript,Jquery,Html,Css,Animation,我正在使用淡入动画,这样当对象完全进入窗口时,它就会淡入。但是,一旦第一个对象淡入,其他所有对象也会淡入,从而使所需的效果过时 这是我的密码: $document.readyfunction{ $window.scroll函数{ $'.hideme'.eachFunction I{ var bottom\u of_object=$this.position.top+$this.outerHeight; var bottom\u of_window=$window.scrollTop+$wind

我正在使用淡入动画,这样当对象完全进入窗口时,它就会淡入。但是,一旦第一个对象淡入,其他所有对象也会淡入,从而使所需的效果过时

这是我的密码:

$document.readyfunction{ $window.scroll函数{ $'.hideme'.eachFunction I{ var bottom\u of_object=$this.position.top+$this.outerHeight; var bottom\u of_window=$window.scrollTop+$window.height; /*如果对象在窗口中完全可见,请将其淡入淡出*/ 如果\u窗口的底部\u>对象的底部\u{ $this.animate{ “不透明度”:“1” }, 1500; } }; }; }; 希德姆先生{ 不透明度:0; }

于2016年9月2日在UTSA发布

于2016年8月9日在UTSA发布

于2016年9月3日在UTSA发布


这是可行的,但是脚本值太高。消除窗高之和会更接近所需效果。它一直在工作,只是几乎看不见。

这对我来说似乎是可行的:你可以调整页面呈现到的窗口大小,这样你就可以滚动页面了。这有点像吗?然而,一切都会立刻消失;根据可见性,我试图一次淡入一个。我注意到使用鼠标滚轮滚动,似乎可以工作,但只要我向下拖动滚动条,所有内容都会立即显示。。。编辑:没关系,在bothI上也有同样的工作行为。脚本已经可以工作了,但是脚本抓取的大小太大了。我减少了一点,更接近理想的效果。它总是在那里,但几乎看不见,我没有注意到。这应该是一个评论,而不是回答:-