ブラウザ位置を読み取る、動かす with scroll scrollTop


See the Pen used scroll scrollTop by nakanishi (@nakanishi) on CodePen.

ウィンドウがスクロールした時に実行するにはこれ

$(window).scroll(function(){ここに実行することをかく});

ウィンドウ=今見えてる範囲、の上端が、サイト全体からどれだけオフセットしているかを知るには、これ

let scrollTop = $(window).scrollTop();

ヴェロシティを使って、ウィンドウを1000px下にずらしたいときはこれ

$(“html”).velocity(“scroll”,{offset:1000});

対象の要素までスクロールしたいときはこれ

$(“.scrollTarget”).velocity(“scroll”,{duration: 10000});

アニメーションしてる時に、さらにアニメーションを足すとひどいことになるので、動いているものを止める

$(“html”).velocity(“stop”);

See the Pen used scroll scrollTop by nakanishi (@nakanishi) on CodePen.

offset().topで位置を取る

◯.top ☓.top()

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です