j查询齿轮旋转问题

jQuery gear rotation issue

本文关键字：旋转 问题 查询      更新时间：2023-09-26

我的网站上有齿轮旋转问题 http://www.whirlware.biz

我

在这里做了我想要的东西 http://jsfiddle.net/kDSqB/112/并且它有效，但我现在不知道为什么它在我的网站上不起作用。你能帮我吗？

<div id="cog"><img src="http://pngicon.ru//data/media/3/2_43.png"/></div>


var $cog = $('#cog'),
    $body = $(document.body),
    bodyHeight = $body.height();
$(window).scroll(function () {
    $cog.css({
        'transform': 'rotate(' + ($body.scrollTop() / bodyHeight * 360) + 'deg)'
    });
});
你需要将

jQuery 脚本包装在 DOMready 函数中：

jQuery(function($){
    // put all your code above here    
});

它可以工作你的jsFiddle，因为那里的脚本设置为运行onDomready .请注意要在哪个框架下加载的选项。

附带说明一下，$(document.body)与$('body')相同。

相关文章：