jquery - 无法通过 CSS 使 ScrollTop 影响 Transform

标签 jquery css jquery-animate css-animations scrolltop

我试图让一个球(半径为 50% 的 div)随着用户的滚动向左滚动, 我已经设法让他根据 ScrollTop 向左移动,但不能以相同的方式进行转换,我哪里出错了?这是左工作和不转换的代码:

function parallax(){
    var scrolled = $(window).scrollTop();    
    $('.ball').css('left', (scrolled * 0.9) + 'px');
    $('.ball').css('transform', rotate(scrolled * 180) + 'deg');
}
$(window).scroll(function(e){
    parallax();
});

谢谢你的回答! 衬衫

最佳答案

jQuery 对 transform 属性的支持不是很好。

对于旋转,我建议使用 jQuery 旋转插件

https://code.google.com/p/jqueryrotate/

非常容易使用,语法是这样的

$('.ball').rotate(滚动 * 180)

关于jquery - 无法通过 CSS 使 ScrollTop 影响 Transform,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23795782/

相关文章:

javascript - 使元素自动消失的 JQuery 或 Javascript

javascript - 跨域请求 - javascript

javascript - 防止 RequireJS 缓存所需的脚本

CSS:我可以添加缓和过渡到图像颜色变化悬停效果吗?

javascript - 仅在加载整个站点(图像)时加载 javascript 动画

jquery-ui - 动画 jQuery UI 可排序使用 CSS3 转换

javascript - 使用 Ajax 发送数组并在 ASP Classic 页面中接收它

javascript - 页面加载后 Spinner/Loader 不会停止

jquery - 如何在不使用固定宽度的情况下使内部 DIV 随外部 DIV 的滚动位置移动

javascript - 为什么对象 [ID] 没有方法 'Animate' ?