textillate.jsで指定要素が一瞬表示されてしまう問題 | ma-ya's CREATE / WEB DESIGN

テクノロジーカテゴリーの変更を依頼記事元:

myscreate.com

1 userがブックマークコメント

コメント

0

記事へのコメント0件

注目コメント
新着コメント

新着コメントはまだありません。
このエントリーにコメントしてみましょう。

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

{{ total_bookmarks_with_user_postfix }}{{ root_title }}

textillate.jsで指定要素が一瞬表示されてしまう問題 | ma-ya's CREATE / WEB DESIGN

opacity指定をCSSとJavaScriptに記述で解決このサイトではスクロールイベントでtextillate.jsを発火さ... opacity指定をCSSとJavaScriptに記述で解決このサイトではスクロールイベントでtextillate.jsを発火させています。スクロールしていって、指定した要素が画面内にくるとアニメーションと共に表示される系のよくあるやつですね。導入時は気が付かなかったのですが、ちょっと気になる動作を見つけたので挙動の調整をしようと思ったら… なぜかハマり（爆）予想以上に修正に時間がかかりました。具体的には、スクロールイベント発火タイミングが体感的に少し遅れる感じです。表示されている文字がぱっと消えてフェードインアニメが開始されると。自分が使おうとしたアニメーションは要素内のテキストを一文字ずつ切り分けて動かす種類（仕組み的には全種類そうなのかも）だったので、色々試す選択肢があるだけにやってるうちにこんがらがってきたのかもしれません。結果から言うと下記であっさり解決。アニメー

JS
jQuery

ブックマークしたユーザー

i_mairy2018/06/28

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

設定を変更しましたx