javascript - jQuery scrollTop() 位置到百分比

Question

<script>
document.getElementById('listen-btn').addEventListener('click', function() {
    document.getElementById('music-player').play();
});

<script>
    $(window).scroll(function() {
        if($(window).scrollTop() > 1400)
        document.querySelector('#music-player').pause();
    });
</script>

该按钮启动音频播放器并滚动到音频播放器可见的部分。当您滚动下一部分时，一旦滚动 1400，音频播放器就会停止，但我需要它是相对的。如何使 1400 成为一个百分比 (50%)

Answer 1

这是可能的——一些算法就可以完成这项工作。诀窍是使用 $(document).height() 检索页面高度。如果您指的是视口(viewport)高度，则需要使用 $(window).height()。

$(window).scroll(function() {
    if($(window).scrollTop() > $(document).height()*0.5)
    document.querySelector('#music-player').pause();
});