2014年07月07日

[Javascript] ウェブブラウザでページの余白を引っぱってスクロール

 Adobe Readerみたいに文書の上でドラッグしてスクロールできるようにするためのJavascript。ChromeとFirefoxで動作を確認。Firefoxではコメントアウト部分を有効にする。

var in_dragging = false;
var posx = 0;
var posy = 0;

document.onmousedown = onMousedown;
document.onmousemove = onMousemove;
document.onmouseup = onMouseup;
document.onselectstart = function(){return false;}; // disable selection (for Chrome)

function onMousedown( event ) {
posx = event.clientX;
posy = event.clientY;
if ( event.button == 0 ) {
in_dragging = true;
// return false; // disable selection (for FireFox)
}
}

function onMousemove( event ) {
if ( in_dragging == true ) {
window.scrollBy( 0, ( event.clientY - posy ) * 2 );
posx = event.clientX;
posy = event.clientY;
}
}

function onMouseup( event ) {
in_dragging = false;
}
posted by chrono at 09:43| Comment(0) | TrackBack(0) | JavaScript
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

※ブログオーナーが承認したコメントのみ表示されます。
この記事へのトラックバックURL
http://blog.sakura.ne.jp/tb/101386023
※ブログオーナーが承認したトラックバックのみ表示されます。

この記事へのトラックバック