サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
iPhone 16
memo.ravenalala.org
ページの上部に戻る処理を、ちょっとおしゃれにする方法をメモる。このサイトの右下に出てくる「Back to Top」も、この方法で実装しています。 html – head内 <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js?ver=1.7.1'></script> <script type="text/javascript" src="http://___._____.___/js/jquery.easing-1.3.pack.js"></script> まず、headにjQueryを読み込みます。今回はアニメーションにイージングプラグインを使いたいので、別にjQuery Easing Plugin (version 1.3)よりダウンロードし
2012/03/14 Tag : photoshop , photoshop script 複数レイヤーを指定ファイル形式で書き出してくれる、フォトショップスクリプト。 ある作業で大変助かったスクリプトなので、メモっておきます。 たくさんある画像をフォトショップですこし加工して、jpgなり、pngで書き出すという作業は、腱鞘炎との戦い。という、最悪な作業でしたが、このスクリプトを使うとある程度の作業はクリック一つで片付いちゃいます。 紹介するのは2種類のスクリプトです。大まかにいうと、トリミングするかしないかの違いです。 共通なのは、PSDに必要画像をレイヤーで重ねて用意しておくこと。 ※レイヤー名がファイル名になるので、ご注意を。スクリプトいじれば変更できますが。 レイヤーをカンパスサイズのまま、指定形式(jpg,png,psd,bmp)で書き出す。 スクリプト : ExportAllL
前回のメモ、「ページ上部にスクロールしながら戻る。」の拡張版です。 ページ内のアンカーへの移動は、一瞬で位置が切り替わることもあり迷子になる可能性がありました。なので、あまり好んで使用はしてこなかったのですが、スクロールしながら指定位置(アンカー)まで移動ができるのであれば迷子も少なくなるのではないかと思い調べてみました。 先にサンプルを見た方が早いので説明はその後にどうぞ。 Sample html <div class="menu left"> <ul> <li><a href="#0">top "#0"</a></li> <li><a href="#1">Anchor "#1"</a></li> <li><a href="#2">Anchor "#2"</a></li> <li><a href="#3">Anchor "#3"</a></li> <li><a href="#4">Anc
長いページをスクロールしているとサイドメニューなどが見えなくなるときがありますよね。その場合、他のページに移動するにはヘッダーもしくはフッダー、サイドメニューの見える位置までスクロールしないといけません。結構、嫌になるときがありますよね。。。それを解消するには、ページのどの位置にいてもメニューが見えていればいいのです。簡単ですね。そう、お気づきのとおり「 position: fixed 」です。ただ、メニューの位置を初期位置のまま固定する仕様だとデザインの幅が狭くなりますので、指定した範囲を超えたら固定にするとかにしたほうがいいですね。 スクロールについてこなくなる(位置固定になる)要素を「div.menu」とすると。 html <div id="main"> <div id="column-left"> <div class="menu"> <ul> //省略 </ul> </div>
このページを最初にブックマークしてみませんか?
『Memorandum Book - written by Ravenala』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く