articleList
27PNG画像による透過処理の実験 / Transparent PNG image processing experiments
26Apache インストールの注意点 / httpd-2.2.19 is Buggy software
25jQuery1.4以上のgetJsonエラーと対策/getJson's Error on jquery ver.1.4
24jQuery エラーの原因は、DivX Webプラグイン
23Lady Gaga の新曲リリースにあわせて、カウントダウンするWEBツール作りました。/ Free download countdown parts for Lady Gaga's new album.
22jQueryで上下スクロールの修正
21URIを引数からタイトルに変更しました。
20WIndows7 64bitOSへIE8-32bitの再インストール
19Illustratorで超高速WEBデザイン
18『Clear Fixの勧め』:CSS2の正しい処方![5]/ブラウザ間の表示差を無くす
17『Clear Bothのブラウザ別仕様』:CSS2の正しい処方![4]/ブラウザ間の表示差を無くす
16『Clear Bothの必要性』:CSS2の正しい処方![3]/ブラウザ間の表示差を無くす
15jQueryプラグインに挑戦^^
14jQuery実験:EASINGサンプルの応用「スライドメニュー」
13jQuery:実験-上下スクロール
12jQueryプラグインの実験-アニメのEasingサンプル
11『3ピクセルジョグ』:CSS2の正しい処方![2]/ブラウザ間の表示差を無くす
10『マージンの相殺』:CSS2の正しい処方!/ブラウザ間の表示差を無くす
9マルチポストスパム対策決定版!!
8404エラーの不明ファイルURIを取得する。
7サーバーへ連続アクセスの原因究明!!
6Movable Type3.33-ja の文字化けバグ解消。
5FireFox でGoogleMapが表示されない!!
4検索エンジン、インデックス登録にかかる時間は?
3タチの悪いウイルスにやられました。
2偶然発見しました(^^;) / MacIEをマウスでスクロール
1壊れたイラストレータファイルを復活!
digivalley0225
digivalley0225
22
jQueryで上下スクロールの修正 [ 2010/10/24 00:58 ]
これまでjQueryで上下スクロールする時はCSSプロパティのTopを常用していました。
しかしそれだとTopの値を変えるたびにスクロールバーの長さが少なくなっていくんですね。
これが仕様かと思いパッチを当てるような感じで修正していたのですが・・・。
実はDOMのscrollTopをjQueryで独自に実装していたのをはじめて知りました。
scrollTopを使えばスクロールバーを変更せずに自在に好きなポジションを設定できます。
ただし、このプロパティはjQuery だけです。
具体的には
↓下記のように修正↓
これでいろいろ面白い動きを簡単に追加できるようになりました。
しかしそれだとTopの値を変えるたびにスクロールバーの長さが少なくなっていくんですね。
これが仕様かと思いパッチを当てるような感じで修正していたのですが・・・。
実はDOMのscrollTopをjQueryで独自に実装していたのをはじめて知りました。
scrollTopを使えばスクロールバーを変更せずに自在に好きなポジションを設定できます。
ただし、このプロパティはjQuery だけです。
具体的には
settings = jQuery.extend({
scrlBx: "overflowHiddenしたフレーム",
scrlBd: "スクロールするオブジェクト",
}, options);
$(settings.scrlBd).animate({
top: position.top
},
↓下記のように修正↓
$(settings.scrlBx).animate({
scrollTop: position.top
},
これでいろいろ面白い動きを簡単に追加できるようになりました。
scrollTop式 上下スクロールの注意点-
[ 2010/10/30 03:50 ]
-
Amazon.co.jp
詳解HTML&XHTML&CSS辞典私が使用している書籍の改訂版です。お勧めします。 Amazon で購入! プライバシーについて -
Amazon.co.jp
DOM Scripting 標準ガイドブック丁寧な解説というより、馬鹿丁寧、ある意味使い勝手悪すぎだけど、中身はとても良いです(^^;)!! Amazon で購入! プライバシーについて -
Amazon.co.jp
初めてのActionScript 3.0わかりやすい解説と最高のサンプルコード Amazon で購入! プライバシーについて -
Amazon.co.jp
詳解HTML&スタイルシート辞典使用している本です。廃本なので中古しかありませんが最高のXHTML1.0、CSS2.1の辞典。 Amazon で購入! プライバシーについて
data
・・・・・・・・・・・・・・・・
■Apache サーバ ドキュメント■■アスキー デジタル用語辞典
■.htaccess実践活用術
■スタイルシート例文辞典
■Beginner's CGI
・・・・・・・・・・・・・・・・
Other Menu
prev
|
next
Date : 2010/10/24 00:58
Posted by digivalley | | Edit |
avater