如何在.scroll jQuery函数中用'％'替换'px'

Question

我正在使用Wordpress以及在.scroll jQuery函数中用'％'替换'px'的内容。以下是带有'px'选项的代码（http://robo.im） -

<script>
jQuery(document).ready(function($) {
    $(window).scroll(function () {
        if ($(window).scrollTop() > 200) { 
            $('.home #masthead').css("opacity", 0.98);
        }
        else{
            $('.home #masthead').css("opacity", 0);
        }
    });
});
</script>

Answer 1

您可以使用滚动距离和总高度

来计算百分比

jQuery(document).ready(function($) {
    $(window).scroll(function () {
        var height  = Math.max.apply(null, [$('body').prop('scrollHeight'),$('html').prop('scrollHeight')]),
            percent = $(window).scrollTop() / (height - $(window).height()) * 100;
        if (percent > 20) { 
            $('.home #masthead').css("opacity", 0.98);
        }
        else{
            $('.home #masthead').css("opacity", 0);
        }
    });
});