jQueryでスクロール追従→フッター固定の「トップに戻る」ボタン | ryodesignblog
やりたいこと よくありますよね。「トップへ戻る」ボタン。サイトの右下辺りにあって、画面をスクロールしても右下に固定されてるアレ。あれをちょちょいと実装しましょう。 フッターまでスクロールすると追従解除 タイトルの「フッター固定」ってちょっと分かりにくいかもですね。今回やりたいのは、フッターまでスクロールするとスクロール追従を解除して、フッターのいい感じの位置に収まるボタンの実装です。 例えば、フッターまで行ったときは、ボタンをフッターの上に置いておきたい。でもフッターの高さは300pxくらいある。でもスクロール追従している時はブラウザのウインドウの下から30pxくらいにボタンを置いておきたい。ただposition:fixed;しただけでは、フッターに行った時もウインドウの下から30pxにボタンが固定されてしまう…死にたい…。というような場合に使えるかと思います。 コード HTML <div
LESSでサクッとレスポンシブWeb | ryodesignblog
先日ポートフォリオサイトをリニューアルした時に、CSSフレームワークであるLESSを初めて使いました。まぁ普通のCSSに比べてその便利さに感動したんですけど(今さらすぎてアレですけど)、「これってレスポンシブなサイト作る時にすげぇ楽だよな」と思ったので、その辺をちょっとまとめてみます。 お先に先人の方々 レスポンシブ対応に使えそうなLESS/Sassの書き方 | Good thinking 【Sass】Sassでレスポンシブ！メディアクエリを便利に書こう。 | バシャログ。 Sassを使ってレスポンシブウェブデザインにする時に覚えておいた方がいいこと4つ | howtohp いやもう参考になりすぎて…なんで僕こんなエントリー書いてるんだろ…。 下2つはSass(SCSS)についてのエントリーですが、書き方が違うだけで考え方はだいたい同じです。 ブレークポイントの設定やらなんやら レス
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
