ページの下部何％にいったらclassを追加

Question

ページの下部何％にいったらclassを追加できるようにしたいです。
下記のコードだと最下部に行った時にしか判定されません。

$(window).on("scroll", function() {
  var scrollHeight = $(document).height();
  var scrollPosition = $(window).height() + $(window).scrollTop();
  if ((scrollHeight - scrollPosition) / scrollHeight === 0) {
    $('#hoge').addClass('none');
  }else{
        $('#hoge').removeClass('none');
    }
});

Answer 1

$(window).on("scroll", function() {
  var scrollHeight = $(document).height();
  var scrollPosition = $(window).height() + $(window).scrollTop();
  console.log(scrollPosition + ":" + scrollHeight);
  
  if (scrollPosition >= scrollHeight * 0.7) {   // 下部30%
    $('.b').addClass('none');
  }else{
    $('.b').removeClass('none');
  }
});