前提・実現したいこと
現在 Swiped.js というプラグインを使って、スマートフォン(タブレット)に対応したスワイプ機能を実装しようとしています。
右方向へある程度スワイプして動かした場合は、選択要素はすべて画面から消えるという機能(swipe to delete)を実装したのですが、スワイプが終わったあと、残ったブロック要素が消えたブロック要素の分だけ上に詰めるように移動する際に
アニメーション効果で滑らかに移動するようにしたいのですが、なかなか上手く行きません。
カスタマイズの対象は次のライブラリです:
Swiped.js
リンク内容
https://github.com/mishk0/swiped
発生している問題
スワイプ後に残りの要素が上に移動するが、そのスピードを変更できません。何か助言を頂ければと思っております。また、スピードを変更することが出来る他のプラグインなどがあった場合、そちらを教えていただければ幸いです。
とても初歩的な質問をしてしまい申し訳ありませんが、どなたか力を貸して頂けると助かります。
宜しくお願い致します。
試したこと
下記のコードの中身の値(duration等)を変更して見ましたが変化無し。 // swipe のイベント function reset_swiped() { if (g_swipe) delete g_swipe; g_swipe = null; g_swipe = Swiped.init({ query: '.js-swipe-to-delete', duration:10, left: 400, right: 400,
下記のコード内のshow()に引数3000を渡して挙動を確認してみましたが、こちらも変化無し。 function quit_swipe_at_once_mode() { if (!g_swipe_at_once_mode) return; $("#js-index-menu-list-outer").find(".js-menu-item").each( function() { $(this).removeClass("inactive"); $(this).removeClass("js-swipe-at-once"); $(this).addClass("js-swipe-to-delete"); $(this).show(); }); $("body").css("background-color", "#FFF"); g_swipe_at_once_mode = false; }
あなたの回答
tips
プレビュー