📜  .header { 位置:固定;右:0;左:0;边距:0;最小高度:50px;填充:10px;背景颜色:透明;颜色:#ffffff;过渡:全1轻松; } .header.scrolling { 背景颜色:#ffffff;颜色:#000000; } - Javascript 代码示例

📅  最后修改于: 2022-03-11 15:04:13.579000             🧑  作者: Mango

代码示例1
// JS Transparent menu fixed on scroll
$(window).scroll(function () {
  var scroll = $(window).scrollTop();

  if (scroll >= 10) {
    $(".header").addClass("scrolling");
  } else {
    $(".header").removeClass("scrolling");
  }
});