こんにちは。質問させてください。
クリックした位置に画面がスクロールするものを作っています。
今の状態だとクリックした位置にスクロールするのですが
ストップする位置が画面の左上で止まります。
これを画面の中央で止まるようにしたいのです。
ヒントをいただけませんでしょうか。宜しくお願い致します。
// 現在のスクロール量を取得
function getScroll(){
var x, y;
if(document.all !== void 0){ // IE4, IE5, IE6
x = document.body.scrollLeft;
y = document.body.scrollTop;
}else if(document.layers !== void 0 || (navigator.userAgent.indexOf("Opera") != -1 || window.opera !== void 0)){ // NN4, Opera6
x = window.pageXOffset;
y = window.pageYOffset;
}else if(navigator.userAgent.indexOf("Gecko") != -1){ // NS6, Mozilla
x = window.scrollX;
y = window.scrollY;
}else{
x = y = 0;
}
return {x: x, y: y};
}
// スクロール始めのスクロール量
var SCROLL ;
var divCountScroller = 50 ; // 分割数
// 現在のスクロール位置から、指定座標までスクロールします
function scroller( x, y, count ){
if( count === void 0 ){
count = 0 ;
SCROLL = getScroll();
}
if( count++ < divCountScroller ){
var c = count/divCountScroller ;
var nx = SCROLL.x+( x-SCROLL.x )*( c+1/Math.PI*Math.sin( Math.PI*c ) );
var ny = SCROLL.y+( y-SCROLL.y )*( c+1/Math.PI*Math.sin( Math.PI*c ) );
window.scrollTo( nx, ny );
setTimeout( "scroller("+x+","+y+","+count+");", 30 );
}
}
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript スマフォではボタンを表示させたくない 2 2023/01/20 14:26
- C言語・C++・C# プログラミング c言語 4 2023/03/07 01:05
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- C言語・C++・C# C言語のエラーについて 2 2022/07/11 13:56
- JavaScript jQueryでのレスポンシブが綺麗に動かない 3 2022/06/21 11:08
- PHP PHPでCookieを使った訪問回数について 1 2023/05/28 14:10
- その他(プログラミング・Web制作) Pythonによる物理の斜方投射の位置座標表示について 2 2023/06/05 12:46
- Ruby 【JAVA】数字をひし形に出力するプログラムについて 2 2022/07/11 23:32
- その他(プログラミング・Web制作) 物理の斜方投射で目盛りに数値を入れたい 2 2023/05/27 06:32
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
リストビューをスクロールさせ...
-
エクセルVBAでフォームのListbo...
-
Excelでワードアートや図を常に...
-
PDFを(htmlのように)無限に縦...
-
Excelで1.2行目だけ固定して...
-
Excelで一部分だけを常に表示さ...
-
Visual Basicから Spreadのスク...
-
MFCでのスクロールバーの扱い
-
大きい表へのスクロールバーの...
-
IEにおけるプルダウン、テキ...
-
IFRAMEでscrolling="yes|no"の...
-
ワードでHP作成中ですが流れ...
-
TikTokに自動でスクロールして...
-
MSFlexGridのスクロールバー位置
-
スクロール位置を中央にしたい
-
IE6の文字コードとjavascript
-
マウスホイールでスクロールで...
-
横スクロールのスライドショー
-
水平スクロールができない。
-
このサイトのスクロール逆じゃ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Excelでワードアートや図を常に...
-
エクセルVBAでフォームのListbo...
-
PDFを(htmlのように)無限に縦...
-
リストビューをスクロールさせ...
-
Excelで一部分だけを常に表示さ...
-
Excelで1.2行目だけ固定して...
-
Visual Basicから Spreadのスク...
-
大きい表へのスクロールバーの...
-
VBE画面の縦のスクロールバ...
-
vb,netでtextboxの文字を右から...
-
リストビューのスクロールバー...
-
リストビューの表示開始行変更
-
ページ訪問時にiframe内を自動...
-
IFRAMEでscrolling="yes|no"の...
-
文章の自動スクロール
-
ポストバック時のスクロール位...
-
C#:ListViewでのスクロールイベ...
-
常に画像の大きさを横幅100%で...
-
マウスオーバー→ホイール回転で...
-
webページで横方向にアンカーを...
おすすめ情報