0
var amount = document.getElementsByClassName("cart-total-qty")[0].innerHTML;
console.log(amount);

var body = document.body,
    html = document.documentElement;

var height = Math.max( body.scrollHeight, body.offsetHeight, 
                       html.clientHeight, html.scrollHeight, html.offsetHeight );
var tenPercent = height*.9

window.addEventListener("scroll", function() {
    scrollAmount = window.scrollY;
    if(scrollAmount == tenPercent){
    alert("It's happening (Insert Ron Paul)");
    }
});

上記のコードでは、ここで見つけた例を使用してページの高さを取得しています: JavaScript でドキュメント全体の高さを取得する方法は?

次に、ユーザーがページの下部 10% までスクロールしたら、イベントをトリガーしようとしています。問題は、scrollAmountこれまでの 10% 以内に到達しないことです。height

私の例heightでは 1280 として返されscrollAmount、スクロール中に 1040 を超えることはありませんが、ブラウザの高さを変更するscrollAmountと、一番下までスクロールすると異なる結果が得られるという奇妙な部分があります。

4

1 に答える 1