ホームページで、下へのスクロールするに応じてテキストや画像などのコンテンツが読み込まれていくページが最近よくあります。


例)
https://las-danzas.com/concept/

これはどのような技術なのでしょうか。
画像だけならLazyLoad(遅延読み込み)ですが、テキストなどコンテンツのブロックがまるごと遅延読み込みされているものの仕組みが分かりません。

回答の条件
  • 1人1回まで
  • 登録:
  • 終了:2021/03/20 10:30:25
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

ベストアンサー

id:aSayuri No.1

回答回数97ベストアンサー獲得回数21

ポイント100pt

 

http://brian.hatenablog.jp/entry/floating-fade-in

https://theorthodoxworks.com/web-design/scrollanimation/

 

プラグインを使ったりJavaScriptを使ったり、いろんな方法があると思うけれど、

jQueryとCSS3を使って誰でも簡単にできるように実装してみた。

はてなブログの場合はコードを該当箇所にコピペするだけ。

WordPressをはじめとした各種CMSでも適切な場所にコピペするだけでOKだ。

 

https://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q122257...

文字を浮かび上がらせたり、横からスライドインさせたり、

スクロール操作に合わせて演出を加える手法は、「パララックス(視差)効果」

HTML と CSS と Javascript で実装できる。

スクロールしたときに文字を浮かび上がらせるだけなら、

簡単な Javascript で実現できる とのことです。

 

 

id:tetlis

ようやく分かりました。ありがとうございます!

2021/03/20 10:30:17

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

回答リクエストを送信したユーザーはいません