javascript - 滚动到jQuery的底部无法正常工作

我同时使滚动条的顶部到底部和底部到顶部。我做了大多数。从底部到顶部是完美的工作，并且从顶部到底部仅导致某种原因的问题仅在我增加div容器的高度时才有效。我不确定在哪里可以更改值以使其可行。
这是 fiddle

JS

var percentageToScroll = 89;
var height = $(document).innerHeight();
var scrollAmount = height * percentageToScroll / 100;
alert(scrollAmount);

var overheight = jQuery(document).height() - jQuery(window).height();
//alert(overheight);

jQuery("html, body").animate({
    scrollTop: scrollAmount
}, 900);

我用百分比来动画滚动。
您可以单击小提琴中的底部按钮来查看。我只想滚动89％，但它完全滚动到底部。

非常感谢您的帮助!

最佳答案

视口(viewport)的顶部将位于文档的89％。
例如，如果您的文档高度为100像素，则顶部89像素将不在屏幕上，而底部11像素将显示(尽可能)。但是，如果您的屏幕尺寸大于此11像素，则不能向下滚动太多。

您可能想要的是:

var scrollAmount = ($(document).innerHeight() - $(window).height()) * percentageToScroll / 100;