如何在特定 Div 上添加 Position 固定，然后在滾動上刪除 class

Question

這是我正在研究https://jsfiddle.net/farooqshad/jbdczk10/10/ 的 Jsfiddle

基本上我想在滾動到特定的 div 時添加一個 class，然后刪除該 class。

這是我的 javascript

var YourDiv = $(".mainwrapper");
$(window).scroll(function() {
  var scroll = $(window).scrollTop();
  console.log(scroll);
  if (scroll >= YourDiv.offset().top - 10) {
    YourDiv.addClass('fixed');
    console.log("fixed");
  } else {
    YourDiv.removeClass('fixed');
    console.log("Not Fixed");
  }
});

Answer 1

farooq 試試這個解決方案

var YourDiv = $(".mainwrapper");
var foo=$(".footer1")
$(window).scroll(function () {
var scroll = $(window).scrollTop();

if (scroll >= YourDiv.offset().top - 10 && scroll<=foo.offset().top - 10) {
    YourDiv.addClass('fixed');
}
else
{
    YourDiv.removeClass('fixed');
}
});

如果不起作用，請告訴我這是小提琴