Question

如何移除一旦到达页脚固定的位置。

如果我到达页脚，如何设置条件删除此固定

jQuery(function($) {
  function fixDiv() {
    var $cache = $('#block-dailydeal-news');
    var $cache1 = $('.footer-container ');
    if ($(window).scrollTop() > 100)
      $cache.css({
        'position': 'fixed',
        'top': '0px',
        'z-index':'100000'
      });
    else
      $cache.css({
        'position': 'relative',
        'top': 'auto',
        'z-index':'auto'
      });
  }
  $(window).scroll(fixDiv);
  fixDiv();
});

Answer 1

每次滚动页面时检查偏移量

$(document).scroll(function() {
    checkOffset();
});

function checkOffset() {
    if($('#social-float').offset().top + $('#social-float').height() 
                                           >= $('#footer').offset().top - 10)
        $('#social-float').css('position', 'absolute');
    if($(document).scrollTop() + window.innerHeight < $('#footer').offset().top)
        $('#social-float').css('position', 'fixed'); // restore when you scroll up
}

并且如果它在页脚之前被击倒在10px以下，则使其位置绝对。

Demo fiddle

Answer 2

试试这个，它会检查你是否到达底部并将FixDiv位置设置为相关，可能会帮助你

FindName

一旦到达页脚，移除固定的位置

2 个答案: