Question

我有一个粘性的侧边栏，现在正在使用js我有它捕捉并保持固定某一点。但是当我向后滚动时，我需要抓住它而不是更进一步的起点。到目前为止，这是我的代码。

$(window).scroll(function(e){ 
  $el = $('.why_social'); 
 if ($(this).scrollTop() > 735 && $el.css('position') != 'fixed'){ 
  $('.why_social').css({'position': 'fixed', 'top': '-62px'}); 
  } 
});

Answer 1

您只需添加相反的支票即可。这应该可以帮到你。

$(window).scroll(function(e){ 
    $el = $('.why_social'); 
    if ($(this).scrollTop() > 735 && $el.css('position') !== 'fixed') { 
        $('.why_social').css({'position': 'fixed', 'top': '-62px'}); 
    }
    if ($(this).scrollTop() <= 735 && $el.css('position') === 'fixed') {  {
        $('.why_social').css({'position': ''}); // remove `position: fixed;`
    }
});

顺便说一下：如果您没有自定义解决方案，那么您可以看到Bootstrap's Affix Plugin是否符合您的需求。您可以在https://github.com/twbs/bootstrap/blob/master/js/affix.js获取源代码，其他链接将带您进入有关如何使用它的文档。您所要做的就是将.affix { position: fixed; }添加到CSS中。

粘滞元素捕捉下滚动和捕捉向上滚动

1 个答案: