#018 posted on 2017.06.04

ページ内アンカーリンクにスクロール

同じページ内のidにaタグでスクロールさせるときのメモ。

 

.on() : 複数のイベントとイベントハンドラを定義できる。バインドとデリゲートができる。
.on( events [, selector] [, data], handler(eventObject) ) : マッチした要素に任意のイベントをバインド。
.click(fn) : .on('click', fn)へのショートカットメソッド。

.attr() : 属性値の取得、もしくは設定。

三項演算子 =「真偽値式」 ? 「真の場合の評価式」 : 「偽の場合の評価式」

 

var AnchorLink = function(){
    $('a[href^=#]').on('click',function(){
        var speed = 600,
            href= $(this).attr("href"),
            target = $(href == "#" || href == "" ? 'html' : href),
            targetPos = target.offset().top;
        $("html, body").animate({scrollTop:(targetPos – navOffset)}, speed, "swing");
        return false;
    });
};

 

http://klutche.org/archives/536/

SHARE THIS ON...

- 人気記事 -