Tag : jQuery

Twitter(ブラウザ版)のサイドカラムのような「下にも上にもくっつく」サイドバーの実装方法

Twitter(ブラウザ版)のサイドカラムのような「下にも上にもくっつく」サイドバーの実装方法

PCブラウザ版Twitterのサイドカラムの挙動を実装します。 下方向にスクロールする時は、 上方向にスクロールする時は、 その間の場合は、 2020年3月時点のUIです。将来挙動は変わるかもしれません。 仕様はこうです。 下方スクロール時は、下端がFixedするまで下方スクロール 上方スクロール時…続きを読む

ページ背景にYouTube動画を全画面で流すjQueryプラグインYTPlayer

ページ背景にYouTube動画を全画面で流すjQueryプラグインYTPlayer

かなり前の話ですが、ハイスタのDVD特設サイト見て「おっ」と思いました。 背景に動画が流れている!カッコイイ! 全ての創造は模倣から生まれるという言葉をそのまんま鵜呑みにして、とりあえず自分のサイトで真似してみました。 デモ 自分がやってるバンドのサイトです。 Dynamite Satan plus…続きを読む

最小限の労力でグローバルナビのアクティブ(現在位置)表示を実装

最小限の労力でグローバルナビのアクティブ(現在位置)表示を実装

グローバルナビのアクティブ表示を実装する方法はいくらでもありますが、最も簡単に(というか最小力で)やる方法は何かしら、というのがこの記事の趣旨です。 何を以って簡単と言うかですが、自分の場合可能な限りhtmlをシンプルにというのが信条なので、そこをポイントとしています。 結論から言うと、javasc…続きを読む