勉強したことのメモ

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

  関連記事

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

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

指定した要素に注釈を設定できる「Chardin.js」プラグインの利用方法

指定した要素に注釈を入れることができるjQueryプラグイン「Chardin.j ...

バニラJavaScriptでTOPへ戻る機能(ボタン)の作成方法

ページ内をある程度スクロールするとTOPへ戻るリンクを表示させたかった。ただ、複 ...

LightboxをjQuery無しで実装できる「Luminous」の利用方法

あるサイトのコーディングデータを貰った際、jQueryは使用していないのにLig ...

横スクロール可能な要素を視覚的に分かりやすくする「ScrollHint」ライブラリの利用方法

横長のtableを設置し、CSSのoverflowで横スクロール可能にしてもユー ...