jqueryスライダーを滑らかにする方法は？今私がやりたいすべては私が助けてください<br> スライダー作業がよりスムーズにしたいということです<br> <a href="http://jsfiddle.net/v9V7W/" rel="nofollow">jsfiddle</a>または<a href="http://jqueryui.com/demos/slider/side-scroll.html" rel="nofollow">jquery demo</a><br> -

Question

は、私はここで、このjqueryのスライダーコードを持っています！

P.S.スムーズに私は私のマウスから少し距離をスライダーをドラッグすると、それは自動的にもう少しにドラッグ取得...そのアニメーションは何かの種類に影響を与える.....と私はデモページでこれらのオプションを試みたが、彼らは単にスライダを消して機能させません。

Answer 1

slide: function(event, ui) { 
      if (scrollContent.width() > scrollPane.width()) { 
       scrollContent.animate({ 
        "margin-left": Math.round(ui.value/100 * (scrollPane.width() - scrollContent.width())) 
       }, 20); 

      } else { 
       scrollContent.animate({ 
        "margin-left": 0 
       }, 20); 
      } 
     } 

http://jsfiddle.net/v9V7W/3/

Answer 2

「スムーズ」という言葉のあなたの意見は何ですか？ jQueryスライダには、その動作に影響するさまざまなオプションがあります（http://jqueryui.com/demos/slider/）。そのため、有効期限を切るようにしてください。

Answer 3

私は実際に私たちは現在、仕事で使うものを作りました。 transform3dのCSS3プロパティを使用して滑らかなスライドを作成できます。 Transform3dは左または左のマージンとは異なり、ハードウェアアクセラレーションされているので、はるかにスムーズです。

あなたはここでそれをチェックアウトすることができます - http://dezignhero.github.io/swiper/

それは、WebKitのデバイス用に主に設計されただけでなく、あまりにもデスクトップ上で動作しますです。