(前端筆記) 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大於等於 或 小於

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

返回頂端