下方向にもCSS Transitionでスムーズにスクロール
少し前のCSS Transitionを使ったスムーズにスクロールしてトップに戻る機能という記事では、CSS Transitionを使ってスムーズにスクロールさせるためにbody要素のmargin-topプロパティーを負の値を設定した。これはとにかく上方向へのスクロールにしか使うことは出来ない。下方向にスムーズにスクロールさせるためにはまた別のアプローチが必要になるようだ。 何かしらのCSSプロパティーを使い、body要素を上方向にずらすということになる。つまりtransformプロパティーでtranslate()やtranslate3d()を使いY方向のマイナスへ動かすのが向いているようだ。あとはtransitionプロパティーを組み合わせるだけでスムーズにスクロール(しているように見せる)ことができる。 Demo: Scroll Down Smoothly with CSS Transi
あなたのブログを圧倒的に便利化・効率化する最強のプラグイン40選 | アフィリエイト初心者でも稼げるネットビジネスブログ
仕組みはわからなくても、誰でも簡単にワードプレスのブログを拡張することができる素晴らしいアイテムであるプラグイン。 ネットビジネス＆アフィリエイト＆ワードプレス1年半になる僕が、ワードプレスに絶対に入れておくべきプラグイン40選をまとめました。 目次 1.デザインを強化するプラグイン 1-1.Shadows 1-2.jquery-colorbox 1-3.Newpost Catch 1-4.Smooth Scroll Links 1-5.Category Order 1-6.wp-pagenavi 1-7.WordPress Content Slide 1-8.Browser Shots 1-9.Favicon Rotator 2.ソーシャルメディア活用プラグイン 2-1.Open Graph Pro 2-2.WP Social Bookmarking Light 2-3.ShareBar
[JS]スクロールに追従するページの先頭へアニメーションで戻るボタンが簡単に設置できるスクリプト -scrollUp
HTMLは一切変更せずに、スクロールに追従するページの先頭へ戻るボタンが簡単に設置できるjQueryのプラグインを紹介します。 デモページ：タブ scrollUpの使い方 実装は非常に簡単です。 Step 1: 外部ファイル 「jquery.jsと当スクリプトを外部ファイルとして記述します。 <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script> <script type="text/javascript" src="js/jquery.scrollUp.js"></script> デザインをそのまま使用する場合は、スタイルシートもテーマごとに用意されています。 <link id="scrollUpTheme" rel="stylesheet" href="css/themes/link.css"> <li
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
