一度固定して位置を固定するとフッタに達する

Question

一度固定した位置を削除するには、一度フッタに到達します。

私は到達フッタ、ページに

$(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の下撃墜された場合、絶対にその位置を作るたびに、このオフセット固定

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

チェックを削除する場合の条件を設定する方法フッター。

Demo fiddle

Answer 2

この場合の条件は動作していないかもしれませそれはあなたに

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

    var hT = $('.footer-container').offset().top, 
    hH = $('.footer-container').outerHeight(), 
    wH = $(window).height(), 
    wS = $(window).scrollTop(); 
    if (wS > (hT+hH-wH)){ 
    $cache.css({ 
     'position': 'relative', 
     'top': 'auto', 
     'z-index':'auto' 
    }); 
    } 

    $(window).scroll(fixDiv); 
    fixDiv(); 
});