滚动 Div 函数动画

Question

https://katieandemil.academy/what-is-a-database

到达页脚后，它正在创造更多空间。我该如何解决它。我想在它到达页脚时阻止它。

我的JS函数：

$(function() {
var $sidebar   = $("#sidebar"), 
$window    = $(window),
offset     = $sidebar.offset(),
topPadding = 75;
var _docHeight = (document.height !== undefined) ? document.height : document.body.offsetHeight;

var footer_top = $("#footer").offset().top;
var div_top = $('#sticky-anchor').offset().top;
var div_height = $("#sidebar").height();
var desiredHeight = _docHeight - footer_top;
$window.scroll(function()
{
if ($window.scrollTop() > offset.top)
{
$sidebar.stop().animate({
marginTop: $window.scrollTop() - offset.top + topPadding
});
}
else if($window.scrollTop > desiredHeight)
{
$sidebar.stop().animate({
marginTop: $window.scrollTop()-100
});
}
else {
$sidebar.stop().animate({
marginTop: 0
});
}
});
});

Answer 1

您的类.well具有属性margin-bottom: 50px，即在最后 2 个元素下方创建 50 像素的空间，从而扩展页面长度。从类中删除margin-bottom将更正它。

.well {
padding: 30px;
}