使用.scroll（）來控制轉換屬性

我是一個jQuery初學者，所以我只是尋找一些提示，以便我可以保持正確的方向。使用.scroll（）來控制轉換屬性

我想要發生的是：當用戶向下滾動頁面時，固定圖像旋轉。理想的情況是以與滾動相匹配的旋轉速度（快速滾動=快速旋轉）。

這是我在哪裏：

$(window).scroll(function() { 
    $("img").css("-webkit-transform","rotate(90deg)") 
});

我知道我需要使用較小的增量小於90度，當然需要更多的供應商前綴，但是我在這裏的主要問題是，這種只得到圖像旋轉90deg一次。至少我希望它可以一遍又一遍地旋轉。然後我可以努力讓它順利。

感謝

來源

2012-07-18 Brimby

我知道這是不是你在問什麼，但如果你想有一個很好的跨瀏覽器插件，旋轉，你可以嘗試http://code.google.com/p/ jqueryrotate/ – 2012-07-18 08:29:57

是什麼你問的基本上任何視差網站將如何工作 - 某些元素被綁定到滾動的動作。爲了做到這一點，每次滾動時都會得到窗口的位置。

這將很難繞開你的頭，但使用該滾動位置，你做了一個計算，然後進入旋轉的大小。

通讀本教程以更好地瞭解我的意思是關於滾動位置。

Parallax Tutorial

來源

2012-07-27 14:27:46 moettinger

謝謝。我正在尋找的是非常簡單的，並且我弄明白了這個： x = 0 $（document）.ready（function（）{ $（window）.scroll（function（）{ $（「#gear」）。css（「 - vendor-transform」，「rotate（」+（x + = 3）+「deg）」）; \t}）; }）; 但是我剛剛聽說了這整個視差的事情，所以感謝tut！ – Brimby 2012-07-28 19:14:39

使用.scroll（）來控制轉換屬性

回答

相關問題