前端筆記:用來美化頁面,搭配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大於等於 或 小於