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
13
jQuery:実験-上下スクロール [ 2009/06/24 11:31 ]
前回のメニュースクロールを発展させて
コンテンツの上下スクロールをつくってみました。
構造はCSSでコンテンツのはみ出る部分をoverflow:hiddenで隠して、それをposition:absoluteさせてtopプロパティでY座標を指定する方法です。
ただし、この構造では、JAVAをきった状態だと隠れたコンテンツを見ることが不可能になってしまいます。
そのため、overflow:autoにして手動でコンテンツをスクロールできるようにする必要があります。
しかし、ここで問題発生。
手動でコンテンツをスクロールさせると、leftのデフォルト座標がずれてしまうんですね。
座標がずれると、メニューボタンとコンテンツの位置が合わなくなってしまいます。
そのため、javaScriptをきったときだけ、overflowプロパティをautoにして、スクロールバーを表示させるようにしてあります。
プラグインにしたものはこちらこのプラグインはwindowオブジェクトのscrollTop()を取得して目的のスクロールさせたいオブジェクトのtopに加算してます。
コンテンツの上下スクロールをつくってみました。
構造はCSSでコンテンツのはみ出る部分をoverflow:hiddenで隠して、それをposition:absoluteさせてtopプロパティでY座標を指定する方法です。
ただし、この構造では、JAVAをきった状態だと隠れたコンテンツを見ることが不可能になってしまいます。
そのため、overflow:autoにして手動でコンテンツをスクロールできるようにする必要があります。
しかし、ここで問題発生。
手動でコンテンツをスクロールさせると、leftのデフォルト座標がずれてしまうんですね。
座標がずれると、メニューボタンとコンテンツの位置が合わなくなってしまいます。
そのため、javaScriptをきったときだけ、overflowプロパティをautoにして、スクロールバーを表示させるようにしてあります。
vScroll
プラグインにしたものはこちらこのプラグインはwindowオブジェクトのscrollTop()を取得して目的のスクロールさせたいオブジェクトのtopに加算してます。
jQuery:ページ自体の上下スクロール
[ 2009/09/11 23:23 ]
これまでは、BOX内のコンテンツをスクロールさせてましたが、今度はオーソドックスにページ自体をスクロールさせてみました。よくあるスクロールと違う点はIE6でもメニューをFIXさせている点です。^^
laboJQ_01
-
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 : 2009/06/24 11:31
Posted by valley | | Edit |
avater