勉強したことのメモ

webプログラマ見習いが勉強したことのメモ。

javascriptでスクロール

      2014/07/02

やりたかった事は、

・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

  関連記事

javascript_logo_unofficial-300x300
javascriptの文末

下記みたいなコードがあって、文末に「;」が 無いのになんで動くのこれ? となった ...

javascript_logo_unofficial-300x300
JavaScriptでフォームの禁止ワード制限

掲示板等で本文を送信する際に、予め定めていた禁止ワードが含まれていないかチェック ...

javascript_logo_unofficial-300x300
javascriptの注意点

javascriptにてチェックボックスのチェック状況をチェックを ループでまわ ...

javascript_logo_unofficial-300x300
JavaScriptでdisplay:none/blockの切り替え

jQueryだとhide/show使うか、もしくは toggleだけでいいけどJ ...

javascript_logo_unofficial-300x300
JavaScriptで特定の範囲内から整数値を、数値が被らずにランダムに取り出す

やりたかったのは1位から20位のランキング内で JavaScriptを用いてラン ...

javascript_logo_unofficial-300x300
CSSとJavaScriptでテキストのコピー防止

あるサイトで文言の意味が分からずGoogleで検索する為にコピペしようとするも、 ...

javascript_logo_unofficial-300x300
複数のajax処理の結果をまとめて表示

同時にajax処理を行う際、挙動やコードの書き方に悩まされることが多い。例えばA ...

javascript_logo_unofficial-300x300
JavaScriptでcookieの保存

JavaScriptでcookieを保存したかったけど 方法が分からなかったので ...

javascript_logo_unofficial-300x300
JavaScriptで配列をループ処理(for-in)

JavaScriptでforeach使ったこと無かったけど、 配列のキーが連番じ ...

javascript_logo_unofficial-300x300
javascriptでメモリ開放

今まで考えたこと無かったけどjavascriptを使う際は メモリ消費に気をつけ ...