エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
背景画像だけをフェードインで表示させる方法
公開日 : 2015年6月26日 カテゴリ : Web制作 昨日、画面全体が表示されてから数秒後、浮き出るように画... 公開日 : 2015年6月26日 カテゴリ : Web制作 昨日、画面全体が表示されてから数秒後、浮き出るように画像を表示するのページで説明したように、横幅1500ピクセル以上のディスプレイでこのブログを表示すると鳳凰の画像がふわっと現れる。(フェードインという) 仮にこの画像をimg要素としてフェードインさせるのならば、jQueryのfadeInメソッドを使用すれば最も簡単に実装できるだろう。 参考URL:jQuery日本語リファレンス・fadeIn しかし、実はそのやり方では問題が発生する。 今回のようにコンテンツ幅より横幅の大きい画像をimg要素として出現させると、本来は以下の画像のようなコンテンツ幅だったのが、 img要素を出現させることによって以下のようにコンテンツ幅が広がってしまう。(未検証だがおそらく) コンテンツ幅が上画像のように広がると、それに応じてブラウザの横スクロール