2011-01-17 14 views

Odpowiedz

23

Przykładami są tu: http://demos.flesler.com/jquery/scrollTo/

Zastosowanie tak:

$.scrollTo('#options-examples', 800, {easing:'easeOutQuad'}); 

Te funkcje nie są złagodzenie zbudowany w choć. Możesz użyć jQuery Easing plugin.To z kolei dostarcza następujące funkcje krzywych dynamiki:

  • jswing
  • easeInQuad
  • easeOutQuad
  • easeInOutQuad
  • easeInCubic
  • easeOutCubic
  • easeInOutCubic
  • easeInQuart
  • easeOutQuart
  • easeInOutQuart
  • easeInQuint
  • easeOutQuint
  • easeInOutQuint
  • easeInSine
  • easeOutSine
  • easeInOutSine
  • easeInExpo
  • easeOutExpo
  • easeInOutExpo
  • easeInCirc
  • easeOutCirc
  • easeInOutCirc
  • easeInElastic
  • easeOutElastic
  • easeInOutElastic
  • easeInBack
  • easeOutBack
  • easeInOutBack
  • easeInBounce
  • easeOutBounce
  • easeInOutBounce
+0

Domyślne wygładzanie są "huśtawka" i " liniowy "jeśli nie chcesz korzystać z wtyczki easing. – leepowers

+0

Oto przydatna strona, którą znalazłem, która pomaga wybrać funkcję łagodzenia: http://easings.net/ –

1

można znaleźć użycie domyślnego tutaj: http://gsgd.co.uk/sandbox/jquery/easing/

Oto przykład 'easeOutQuad':

function(){ 
jQuery.easing.def = 'easeOutQuad'; 

$('#options-examples').on('click','a', function() { 
    $('#another-option-examples').slideToggle(1000); 
    return false; 
}); 
}