Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/457.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 如何将css动画与滚动条连接?_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 如何将css动画与滚动条连接?

Javascript 如何将css动画与滚动条连接?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一些垂直的图像。因此,当我滚动滚动条时,中心图像应与滚动条一起设置动画。也就是说,窗口中的中心图像应该像缩放效果一样变大。如何做到这一点 示例: 在此示例中,将缩放边缘处的图像。但我需要对中心图像进行缩放-与凸面图像完全相反。如何做到这一点?谢谢你 我建议您使用jQuery.scollTop()函数获取垂直位置 简单地说吧 var y; 因此,现在如果你听滚动事件,你可以使用你的y为非常酷的动画。 在您的项目中,我会将y与您的图片应该放大的范围进行比较。 比如: if( circle.r

我有一些垂直的图像。因此,当我滚动滚动条时,中心图像应与滚动条一起设置动画。也就是说,窗口中的中心图像应该像缩放效果一样变大。如何做到这一点

示例:
在此示例中,将缩放边缘处的图像。但我需要对中心图像进行缩放-与凸面图像完全相反。如何做到这一点?谢谢你


我建议您使用jQuery.scollTop()函数获取垂直位置

简单地说吧

var y;
因此,现在如果你听滚动事件,你可以使用你的y为非常酷的动画。 在您的项目中,我会将y与您的图片应该放大的范围进行比较。 比如:

if( circle.range.start < y < circle.range.end ) {
    //give circle the class to be scaled big
}
if(circle.range.start

这不是工作代码。很抱歉我现在没有时间。但是它可能会给你一个想法,让你自己去解决它。

它应该尝试以下方法之一,而不是自己去实现


试试skrollr?您给出的示例使用Flash。@Nunners我在jquery中找不到任何东西,所以我给出了Flash。这样你才能理解。
if( circle.range.start < y < circle.range.end ) {
    //give circle the class to be scaled big
}