勉強したことのメモ

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

  関連記事

aタグにてhref属性の「javascript:void(0);」の代替手段について
aタグにてhref属性の「javascript:void(0);」の代替手段について

aタグにJavaScriptやjQueryでイベントを割り当てたい場合、href ...

JavaScript / jQueryにてページ表示時に指定したテキストボックスにフォーカスさせる方法
JavaScript / jQueryにてページ表示時に指定したテキストボックスにフォーカスさせる方法

ページを開いた際に指定したテキストボックス(input type="text") ...

JavaScriptの三項演算子
JavaScriptの三項演算子

いつもと違う書き方? 使い方の三項演算子が あったのでメモ。 ■ソース var ...

Leafletで「leaflet-control-geocoder」プラグインを導入して住所検索機能を追加する方法
Leafletで「leaflet-control-geocoder」プラグインを導入して住所検索機能を追加する方法

LeafletとOpenStreetMapでマップを表示させ、テキストボックスに ...

バニラJavaScript対応の日時ピッカー「Flatpickr」ライブラリの利用方法
バニラJavaScript対応の日時ピッカー「Flatpickr」ライブラリの利用方法

サイト内に日時ピッカーを実装する場合、jQueryの「DateTimePicke ...