サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
2024年ランキング
qiita.com/naota70
<todo> <input type="text" name="new"> <input type="button" value="add" onclick={add}> <ul> <li each={text, i in list}>{text}</li> </ul> <script> this.list = []; add() { this.list.push(this.new.value); } </script> </todo> こちらのinputの文字列をひたすらリストにしていくやつを例に使います。 これ、動きます(そりゃそうでしょうが)。 ただ、ここで疑問がわくわけです。 いつアップデート(再描画)されたんだ?? 描画を再更新するのは 明示的に自身の update 関数を発火させるか、親が update されたタイミングです。 ですが、上記のサンプルでは update 関数も発
大前提 ウェブサイトを作っていて、スクロールを起点に演出を行い場合が多々あります(ページがスライドしたりなど)。 しかし、通常のマウスと違い、MacBookとかのトラックパッドだと慣性スクロールが働いて、ユーザーがトラックパッドから指を離した後も一定時間スクロールし続けます(onWheelイベントやonScrollイベントが発火し続けます)。 これを制御したいというのが今回のテーマです。 失敗ケース とりあえず以下に試してみたけどダメだったやつを。 ググる 先人の方々がとっくに解決策を見つけてくれてるだろうと期待しましたが、ベストな策は見つかりませんでした。 同じ悩みの方はたくさん見つかったのですが……。 http://stackoverflow.com/questions/12486141/check-if-user-is-scrolling-with-trackpad 慣性スクロールを
このページを最初にブックマークしてみませんか?
『@naota70のマイページ - Qiita』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く