jQueryでスクロールすると表示する系いろいろ
最近はスクロールするときにいろいろ仕掛けをするのが流行なようです。
ここではシンプルにある要素の位置とか最下部までスクロールしたら何か表示するということをやってみます。
- 投稿日
- 更新日
最近はスクロールするときにいろいろ仕掛けをするのが流行なようです。
ここではシンプルにある要素の位置とか最下部までスクロールしたら何か表示するということをやってみます。
グローバルナビゲーションはロゴの下に配置されていることが多いですが、スクロールするとナビゲーション部分だけが上部に固定されるようなものをjQueryでやってみたいと思います。
jQueryを使って画面遷移のないサイトを作ろうとしたときのちょっとしたメモです。
サーバーとやり取りをする、Ajax的なことは書いていないのであしからず。
最近では自社のWebサイトにYoutube動画を載せたいといったケースが増えていますね。動画単体だったら公式の埋め込みコードで簡単に表示させることができますが、更新が頻繁にあるとそのつどWebサイトの更新をしなくてはいけないので面倒です。
そこでこの記事ではjQueryで自動的に最新動画を取得する方法をご紹介します。
センターのコンテンツを固定幅にして、その左右の背景を別の画像にしたいときtableを使用すれば簡単ですが、今の時代tableで囲んでしまうのはあれですね。
そこでcss+jQueryでなんとかしてみます。
jQueryにはアニメーションをするための機能がいろいろとありますが、ここでは「animate」メソッドの扱い方をご紹介いたします。
Appleサイトのスライダー(カルーセル?)は画像がばらばらに切り替わるのでとてもクールですね。
ということで、動きはあまり再現されていないのですが、それっぽいのを作ってみました。