0

私はこの種のコードを使用します：

$(document).ready(
  function DocumentLoad()
  {    
    $(window).scroll(scrollBtn);
    scrollBtn();      
  });

 function scrollBtn(){  
    if ( $(window).scrollTop() > 150 )
         $('.scroll-btn:hidden').fadeIn('slow');
       else
         $('.scroll-btn:visible').fadeOut('slow');         
 }

と<div class="scroll-btn"> my content to show </div>

ユーザーがページを下にスクロールしたときに要素を表示します。ページの終わりまでに 350px の高さが残っているときに div scroll-btn が消えるように拡張したいと思います (私のフッターの高さは 350px であるため、div scroll-btn に到達する前に消したいと思います。

4

1 に答える 1

1

これでうまくいくはずです：

要件に応じて調整pxFromBottomします。

$(window).scroll(function() {
    var pxFromBottom = 350;
    if ($(window).scrollTop() + $(window).height() > $(document).height() - pxFromBottom) {
        $('.scroll-btn').fadeOut('slow');
    } else {
        $('.scroll-btn').fadeIn('slow')
    }
});

ワーキングデモ

于 2012-12-11T20:15:32.137 に答える