如何在特定 Div 上添加 Position Fixed，然后在滚动时删除 class

Question

这是我正在开发的 Jsfiddle https://jsfiddle.net/farooqshad/jbdczk10/10/

基本上我想在滚动到特定 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');
}
});

如果不起作用请告诉我这是 fiddle

如何在特定 Div 上添加 Position Fixed，然后在滚动时删除 class

How to add Position Fixed on specific Div and then remove that class on scroll

javascript

css

jquery

scroll

fixed