トラブル克服&実験レポート / WebDevelopment  [WEB制作の正しい作法]  

WEB開発・CG製作でのトラブル解決と実験です。
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 digivalley0225
22

jQueryで上下スクロールの修正 [ 2010/10/24 00:58 ]

これまでjQueryで上下スクロールする時はCSSプロパティのTopを常用していました。
しかしそれだと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
},

これでいろいろ面白い動きを簡単に追加できるようになりました。


Date : 2010/10/24 00:58
Posted by digivalley | | Edit |

avater

scrollTop式 上下スクロールの注意点-
[ 2010/10/30 03:50 ]

scrollTopで上下スクロールを処理すると、仕様がスライドバーと同じになるようでスクロールするオブジェクトの上下の端でガクっととまってしまします。
上下の終端でもスムースに動かすためには遊びの余分なスペースが必要です。
とりあえずはボックスの天地あれば十分だと思いますが。
パディングかブロック要素を自動的に追加する処理が必要です。
そういう手間がかかってもtopで処理するよりぜんぜんよいです。

Date : 2010/10/30 03:50
Posted by valley | | Edit |

avater