3

我同时制作了从上到下和从下到上的滚动条。我做了大部分。从下到上工作完美，从上到下只会导致某种问题，只有当我增加 div 容器的高度时才有效。我不确定在哪里可以更改值以使其可行。这是小提琴

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%，但它完全滚动到底部。

非常感谢您的帮助！！！

4

2 回答 2

2

视口的顶部将位于文档的 89%。例如，如果您的文档高度为 100px，则顶部的 89px 将在屏幕外显示，而底部的 11px 将显示（尽可能）。但是，如果您的屏幕尺寸大于这 11 像素，则它不能向下滚动那么多。

你可能想要的是：

var scrollAmount = ($(document).innerHeight() - $(window).height()) * percentageToScroll / 100;
于 2013-10-22T12:25:59.480 回答
1

请试试这个它可能对你有帮助

$(window).scroll(function() {
 if($(window).scrollTop() + $(window).height() == $(document).height()){
       alert("at bottom!");
 }
});

You can also adjust it according to your requirment by reducing its height 


$(window).scroll(function() {
 if($(window).scrollTop() + $(window).height() > $(document).height()-100){
    alert("near bottom!");
 }
});
于 2013-10-22T12:26:36.117 回答