jQuery的:$(窗口)的scrollTop(),但没有$(窗口)scrollBottom()

老白 5年前 2520浏览 1评论

我想每当滚动页面以放置一个页面的底部。这就像“固定位置”但我不能'“的位置是:固定的”CSS为我的许多客户端'的浏览器无法支持。 我发现jQuery的可以得到当前视口的顶部位置,但我怎么能得到滚动视口的底部? 所以我问怎么知道:$(窗口)scrollBottom()
1.

var scrollBottom = $(window).scrollTop() + $(window).height();

2. 我要说的是一个scrollBottom作为scrollTop的直接对立面应该是:

var scrollBottom = $(document).height() - $(window).height() - $(window).scrollTop();

这里是一个丑陋的小测试工作

// SCROLLTESTER START //
$('<h1 id="st" style="position: fixed; right: 25px; bottom: 25px;"></h1>').insertAfter('body');
$(window).scroll(function () {
 var st = $(window).scrollTop();
 var scrollBottom = $(document).height() - $(window).height() - $(window).scrollTop();
 $('#st').replaceWith('<h1 id="st" style="position: fixed; right: 25px; bottom: 25px;">scrollTop: ' + st + '<br>scrollBottom: ' + scrollBottom + '</h1>');
});
// SCROLLTESTER END //

3. 。variantscrollBottom=$(-$(窗口)的高度()-$(窗口)的scrollTop(); 我认为这是连击让底部滚动
本文标题 :jQuery的:$(窗口)的scrollTop(),但没有$(窗口)scrollBottom()

 

1条评论