Creww株式会社・浜松市

// スムーズスクロール
(window.onload = function() {
  var scrollElm = (function() {
    if('scrollingElement' in document) return document.scrollingElement;
    if(navigator.userAgent.indexOf('WebKit') != -1) return document.body;
    return document.documentElement;
  })();
  (function() {
    var duration = 300;
    var ignore = '.noscroll';
    var easing = function (t, b, c, d) { return c * (0.5 - Math.cos(t / d * Math.PI) / 2) + b; }; //jswing
    var smoothScrollElm = document.querySelectorAll('a[href^="#"]:not(' + ignore +')');
    Array.prototype.forEach.call(smoothScrollElm, function(elm) {
      elm.addEventListener('click', function(e) {
        e.preventDefault();
        var targetElm = document.querySelector(elm.getAttribute('href'));
        if(!targetElm) return;
        var targetPos = targetElm.getBoundingClientRect().top;
        var startTime = Date.now();
        var scrollFrom = scrollElm.scrollTop;
        (function loop() {
          var currentTime = Date.now() - startTime;
          if(currentTime < duration) {
            scrollTo(0, easing(currentTime, scrollFrom, targetPos, duration));
            window.requestAnimationFrame(loop);
          } else {
            scrollTo(0, targetPos + scrollFrom);
          }
        })();
      })
    });
  })();
})();

$(document).ready(function(){
  setTimeout(function(){
    //URLのハッシュ値を取得
    var urlHash = location.hash;
    //ハッシュ値があればページ内スクロール
    if(urlHash) {
      setTimeout(function () {
        // 関数：スムーススクロール
        // 指定したアンカー(#ID)へアニメーションでスクロール
        var headerHeight = $('#HEADER').outerHeight();
        function scrollToAnker(hash) {
          var target = $(hash);
          var position = target.offset().top - headerHeight - 40;
          $('body,html').stop().animate({scrollTop:position}, 500);
        }
        //スクロール実行
        scrollToAnker(urlHash) ;
      }, 1000);
    }
  },100);
})


浜松アクセラレーター2020。浜松市のリソースを活用して、スタートアップサービスの成長を加速させよう！無料で簡単にエントリー可能です。