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% になります。たとえば、ドキュメントの高さが 100 ピクセルの場合、上部の 89 ピクセルは画面外に表示され、下部の 11 ピクセルは (可能な限り) 表示されます。ただし、画面サイズがこの 11px より大きい場合は、それほどスクロールできません。

おそらくあなたが望むのは：

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 に答える