勉強したことのメモ

Webエンジニア / プログラマが勉強したことのメモ。

javascriptでスクロール

   2014/07/02  JavaScript

やりたかった事は、

・javascript,jQuery使う
・スクロールさせたい
・時間がかかるスクロールではなくアンカーリンクみたいな
動きが良い。

■ソース
function page_scroll(){
var offset = $('#test_div').offset();
console.log('top=>'+offset.top+'left=>'+offset.left);
window.scroll(offset.left,offset.top);
}

■その他
window.scroll(x,y);
特定の座標へスクロールさせるというもの。

offset();
http://semooh.jp/jquery/api/css/offset/_/
ドキュメントの表示位置を取得

 - JavaScript

  関連記事

formでGET送信時に空のパラメータを送信しない方法(cleanQuery)
formでGET送信時に空のパラメータを送信しない方法(cleanQuery)

フォームでGET送信する際、通常だと空のパラメータも送信される。結果として「ドメ ...

JavaScriptで配列をコピー後に値変更した際、元の配列の値も変更される点を解消する方法
JavaScriptで配列をコピー後に値変更した際、元の配列の値も変更される点を解消する方法

JavaScriptで配列をコピー後に値変更した際、元の配列の値も変更されてしま ...

フォームで画像をとりあつかう際にBase64エンコードした上で送信する方法
フォームで画像をとりあつかう際にBase64エンコードした上で送信する方法

PHP等サーバサイド系の言語は利用不可(JSは利用可)な環境でformを作成し画 ...

jQueryのanimate()でページスクロール後に他の処理を実行させる方法
jQueryのanimate()でページスクロール後に他の処理を実行させる方法

jQueryのanimate()でページスクロール後に特定の要素を非表示にしたい ...

highcharts.jsで棒グラフと折れ線グラフを1つのグラフに入れる
highcharts.jsで棒グラフと折れ線グラフを1つのグラフに入れる

highcharts.jsで「棒グラフと折れ線グラフを入れる」「Y軸はそれぞれ違 ...