將動畫添加到聯繫人表單

如果有人能將我設置在正確的路徑上，那就太棒了！我一直在尋找和閱讀教程整個這樣的東西，但我不能弄明白！將動畫添加到聯繫人表單

我試圖做的接觸形式，對同樣的效果：http://clapat.ro/themes/newave/

當你滾動到它種到反彈像很多該網頁上的其他元素的屏幕形式。

此外，我使用引導順便說一句。任何人？謝謝

來源

2014-03-07 ve1jdramas

你的意思是淡出動畫？ –

skrollr.js庫可能？ http://prinzhorn.github.io/skrollr/ – pbenard

問題不清楚。你需要淡入淡出效果嗎？？ – WebDevRon

這裏是你可以用它來製作你想要的效果的一些jQuery代碼的樣本。

$(window).scroll(function() { 
    if ($(this).scrollTop() > 125) { 
     $('#DivYouWantToAnimate').css('visibility', "visible").animate({ paddingLeft: "150px", opacity: '1' }, 'slow'); 
    } 
});

記得設置要設置爲動畫的Div的默認值爲可見性：隱藏;所以只有當您向下滾動時纔會顯示。

這裏是一個fiddle與動畫（下滾來看看效果）

編輯：記住，你可以改變的jQuery的效果，所以它看起來比我的例子更加流暢。

來源

2014-03-07 09:45:52

好棒，這就是我一直在尋找的！上面的庫很可能會用到，但我對它的工作原理感興趣！謝謝你的偉大工作，謝謝其他人！ – ve1jdramas

沒問題m8，希望能解決你的問題 –

如果你想要做同樣的設計在這個網站，你可以添加「酷貓」到你的引導樣式表：如果你想要做的事就像一個「反彈」 http://jalxob.com/cool-kitten/

對於動畫，您可以使用jQueryUI的反彈事件： http://api.jqueryui.com/bounce-effect/

希望它會幫助你

來源

2014-03-07 09:43:23

酷小貓的東西看起來像它可以工作以及！謝謝 – ve1jdramas

將動畫添加到聯繫人表單

回答

相關問題