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

Question

这是我正在研究的 Jsfiddle https://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");
  }
});

标签： javascriptjquerycssscrollfixed

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');
}
});

如果不起作用，请告诉我这是小提琴