alt

Javascriptでスクロールバーの上端の座標を取得するとき、
こちら の記事を参考にすると、

document.body.scrollTop
document.documentElement.scrollTop
window.scrollTop

の３つのどれかで値がとれます。
onLoadのタイミングで取得すると、
大概のブラウザではスクロールバーが初期値に戻ってしまうため 0 が返ってきます。
ボタンアクションなどの任意のタイミングなら
IE、Firefox、Operaはdocument.documentElement.scrollTop
Safari(windows)、Google Chromeはdocument.body.scrollTop
で値がとれます。
ブラウザ分岐処理をせず、これをまとめてしまうには以下でOK！
Flashから呼んでも無事にとれた！

function getScrollPosition() {

　　return (document.documentElement.scrollTop || document.body.scrollTop);   

}

FlashからLightbox風にフローティングウィンドウを出してみたかったのでThickbox.jsを使ってみました。
まず ここ から必要なファイルをダウンロードしてきます。

通常は

＜HEAD＞内に

<script type="text/javascript" src="js/jquery.js"></script>

<script type="text/javascript" src="js/thickbox.js"></script>

<link type="text/css" rel="stylesheet" href="css/thickbox.css" media="screen" />

をインクルードすれば

＜BODY＞内に

<a href="http://blog.alt-scape.com/img/record.jpg" class="thickbox">テキスト or 画像</a>

を記述するだけで簡単にThickboxできる。


テキスト or 画像

続きを読む »