タグ

2018年6月28日のブックマーク (1件)

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

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

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