javascriptでスクロール

2013/05/25 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で多次元連想配列

JavaScriptで多次元の配列を作る際にいつも迷ってしまうのでメモ。 ■こう ...

: JavaScriptで小数の計算(decimal.js)

JavaScriptで小数の計算をすると値がずれることがあった。調べてみるとJa ...

: IEでjavascript関数の初期値

あるJavaScriptの関数でchromeやfirefoxは正常に動いたけどI ...

: prototypeとjqueryの競合

ちょいちょい見るが、実際に競合をおこしているケースにあたったのでメモ。 ↓↓の ...

: サイトにHTMLエディタ(WYSIWYG)を導入する方法

シンプルで導入が簡単、且つ日本語化されているウィジウィグを探しており、良さそうな ...

: テキストエリアを自動でリサイズ

改行するだけで勝手にリサイズしてくれるので、ユーザー用でも管理用でも使えそう。 ...

: javascriptのfor文で負荷軽減

javascriptで配列の数だけループをまわす際、 for (i=0; i&l ...

: 画像をドラッグ&ドロップでアップロード

■2015/04/15追記以下記事の方が新しくて詳しい。 http://tai ...

: JavaScriptでinputタグのtypeを変更

チェックボックスの状態によって inputタグのtypeをtext⇔passwo ...

: ユーザーエージェントなどユーザー情報を取得する方法

上からUA、IP、ホスト名を取得。 $ua = $_SERVER['HTTP_U ...

PREV: ウィジウィグとは
NEXT: 要素の表示or非表示

javascriptでスクロール

関連記事