(前端筆記) JQ滾動、滾輪事件

前端筆記:用來美化頁面,搭配CSS做各式各樣不同的效果。
範例:https://codepen.io/ipphof/pen/yLLVPpB

$(window).scroll(function() { 
  var scroll = $(this).scrollTop()

  if ( scroll >= $('#section-2').position().top - 100 &&
      scroll < $('#section-3').position().top)
  {
    $('#section-2').addClass('active');
  }
  else {
    $('#section-2').removeClass('active');
  }

 
});

(window).scroll(function() // 滾動事件開頭
var scroll = $(this).scrollTop() //定義scroll數值 為視窗最上方

if ( scroll >= $(‘#section-2’).position().top – 100 && scroll < $(‘#section-3’).position().top) //判斷 scroll大於等於 或 小於

發表迴響

Close