在某些时候禁用粘性条

时间:2017-05-14 12:50:02

标签: javascript

我对这个小代码有疑问:

<script type='text/javascript'>

var mn = $(".stickyad");

  $(window).scroll(function () {
    if( $(this).scrollTop() > 250 ) {
      mn.addClass("stickyad-fixed");
    } else {
      mn.removeClass("stickyad-fixed");
    }
  });
</script>

条形图在250级别是粘性的。但我想在页面底部或600时禁用此选项。就像在此博客中一样:https://cleanblog-codiblog.blogspot.com/

我找到了这段代码:

$(document).ready(function() {
$(window).scroll(function () { 

console.log($(window).scrollTop());

if ($(window).scrollTop() > 250) {
  $('#stickyad').addClass('stickyad-fixed');
}

if ($(window).scrollTop() > 600) {
  $('#stickyad').removeClass('stickyad-fixed');
}
  });
});

但问题是,当我回到顶部时,Bar保持固定

非常感谢

1 个答案:

答案 0 :(得分:0)

if ($(window).scrollTop() > 600 || !$(window).scrollTop()) {
  $('#stickyad').removeClass('stickyad-fixed');
}