7cc@はてなブログ

JavaScriptとかとか

ページ内リンク スムーズスクロール

$(_window).animate

$(html, body).animateの代わり $(window).animate じゃなく $(_window).animateなんです...

スムーズスクロールの「戻る」を正常化する JavaScript

1.history.pushStateが使える場合 それで解決。IE10以上のすべてで使える。 *移動後に location.replace("#" + target.id) でハッシュを活性化?しないとtarget疑似クラスが有効にならないのでそれだけ注意。 location.hash = target.idだとGChromeで:target…

ブラウザの戻ると進むを無理やり判別する

かなり無理やり pushStateが使えない環境での話 スムーズスクロールの戻る/進むを正常化するだけなら スムーズスクロールについて無駄に考えてみたメモ のTest4, Test5を参照してください。ここに書いてある方法は無理やりです。

hashの追加について location.hash history.pushState

popstateも起きるので追加しないと・・・ location.hashでハッシュを付与したとき onhashchange, onscroll片方のみ起きる、両方起きる、両方起きないの4パターン 現在のハッシュと代入するハッシュが 異なる … ハッシュが変わり(onhashchange)、履歴が追加…

JavaScript イージング easing

スムーズスクロールにイージング処理をつけたかったので調べた。 ease outとかease inとか。 読み込むファイルが増えるのは面倒なのでライブラリは使用しない。位置の移動や戻す処理を入れるならライブラリを使ったほうがよさそうだけど。 コード // 1 イー…