スクロール位置が下にあるときの固定位置への変更

Question

基本的に、スクロール位置がページの一番下にあるかどうかを確認し、それに基づいてクラスを追加して削除します。しかし、固定クラスを削除すると、私はページの一番下にスクロールできません。ブラウザはすでに私が一番下にいると仮定します。どうすれば修正できますか？これが意味をなさない場合は、私に知らせてください。以下は私のコードです：

はJavaScript：

function fixedToRelative(){ 
    var scrollPos = $(window).scrollTop() + $(window).height(); 
    if(scrollPos == $(document).height()) { 
     $('.mobile.full').removeClass('fixed'); 
    } else { 
     $('.mobile.full').addClass('fixed'); 
    } 
} 

のCss：

.mobile { position:relative; } 
.mobile.fixed { position:fixed; bottom:0; left:0; right:0; } 

Answer 1

私はあなたがスクロールするときに.fixedクラスを追加追加しようとしていると思いますページの下部に移動します。もしそうなら、あなたが何かを行うことができます：

Codepen

$(window).on('scroll', function(){ 
    var scrollPos = $(this).scrollTop() + $(this).height(); // Current Scroll position plus height of window 
    var atBottom = (scrollPos == $(document).height()); // Returns true/false based on if at bottom 
    $('.mobile').toggleClass('fixed', atBottom); // If at bottom of page, fixed class is appended 
});