Question

我同时制作从上到下，从下到上的卷轴。我做了大部分。从下到上是完美的工作，从上到下只会导致某种方式问题只有在我增加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％，但它完全滚动到底部。

很赞赏你的帮助!!!

Answer 1

视口的顶部将占文档的89％。例如，如果您的文档高度为100px，则顶部89px将显示在屏幕外，底部11px将显示（尽可能）。但是，如果您的屏幕尺寸大于此11px，则无法向下滚动那么多。

你可能想要的是：

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

Answer 2

请尝试这可能对您有所帮助

$(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!");
 }
});

在Jquery中滚动到底部无法正常工作

2 个答案: