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
と、一番下までスクロールすると異なる結果が得られるという奇妙な部分があります。