Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/427.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 基于窗口位置的转换?_Javascript_Html_Css - Fatal编程技术网

Javascript 基于窗口位置的转换?

Javascript 基于窗口位置的转换?,javascript,html,css,Javascript,Html,Css,我想问的是,我不完全确定是否可能……有人知道一个解决方案吗,当用户滚动到(和上面)然后离开某个特定区域时,会发生类似于悬停的转换 例如: -标题- 1 2 3 -文本- 4 5 6 -页脚- 当用户滚动到“3”并最终滚动到“文本”时,实际的“文本”是否可能从模糊文本转换为可读文本。同样,当用户向上滚动或继续向下滚动到“4”和“5”时,它再次变得模糊 我知道你可以用悬停来实现模糊过渡效果,但这是否仅仅基于窗口位置?如果这是可能的,它是否可以跨浏览器/移动设备工作?查看视差滚动。查看library

我想问的是,我不完全确定是否可能……有人知道一个解决方案吗,当用户滚动到(和上面)然后离开某个特定区域时,会发生类似于悬停的转换

例如:

-标题-
1
2
3
-文本-
4
5
6
-页脚-

当用户滚动到“3”并最终滚动到“文本”时,实际的“文本”是否可能从模糊文本转换为可读文本。同样,当用户向上滚动或继续向下滚动到“4”和“5”时,它再次变得模糊


我知道你可以用悬停来实现模糊过渡效果,但这是否仅仅基于窗口位置?如果这是可能的,它是否可以跨浏览器/移动设备工作?

查看视差滚动。查看library waypoints.js了解这种效果。