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
}