nyawach
7/23/2017 - 3:00 AM

背景固定(RAF/onScroll両方)

背景固定(RAF/onScroll両方)

function setupFixedBg() {
  const $fixed = $('.js-fixed-bg');
  const $wrapper = isSP() ? $(window) : $('.wrapper');
  let _tmpTop = $wrapper.scrollTop();
  (function _update() {
    const top = $wrapper.scrollTop();
    if(top !== _tmpTop) {
      $fixed.css('transform', `translateY(${top}px)`);
    }
    _tmpTop = top;
    requestAnimationFrame(_update);
  })();
  // $wrapper.on('scroll', () => {
  //   const top = $wrapper.scrollTop();
  //   if(top !== _tmpTop) {
  //     $fixed.css('transform', `translateY(${top}px)`);
  //   }
  //   _tmpTop = top;
  // })
}