如何在特定Div上添加固定位置，然后在滚动上删除该类

Question

这里是我正在研究的Jsfiddlehttps://jsfiddle.net/farooqshad/jbdczk10/10/

基本上，我想在滚动时向特定的div添加一个类，然后删除该类。

这是我的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');
}
});

并且让我知道是否行不通这是fiddle