ページ内リンクをスムーススクロールにするScript

pageLink.coffee

do($=jQuery) =>
  
  class pageLink
    constructor:($el) ->
      @$el = $el;
      @on();

    on: ->
      @$el.on "click", "a", @click.bind(@)

    click:(event) ->
      if event.currentTarget.href.indexOf(location.origin) > -1 and event.currentTarget.href.indexOf("#") > -1
        href = event.currentTarget.href;
        hash = "#" + href.split("#").pop()
        pathname = href.split("#").shift()

        if pathname == location.origin + location.pathname
          event.preventDefault();
          offsetTop = $(hash).offset().top;
          $("html,body").animate({scrollTop: offsetTop},500).promise().done ()->
           location.hash = hash


  window.$.fn.pageLink = ->
    @.each ->
      new pageLink($(@))

  $ ->
    $("body").pageLink();

とかすると、body内のaを監視し、同一ページかつ、"#"がURLに含まれていれば、スムーススクロールに変更します。?がついているURLには対応していません。