在JavaScript中使用ViewPort作为单位

Question

我希望更换＆＃34; 100＆＃34;和＆＃34; 101＆＃34;在以下脚本中由VH中的值。我已经尝试了所有想到的但无法弄明白的东西，谷歌似乎也找不到答案。

   $(document).ready(function() {

  $(window).scroll(function () { 
      console.log($(window).scrollTop())
    if ($(window).scrollTop() > 100) {
      $('#nav_bar').addClass('navbar-fixed');
    }
    if ($(window).scrollTop() < 101) {
      $('#nav_bar').removeClass('navbar-fixed');
    }
  });
});

谢谢。

Answer 1

$(document).ready(function() {
  $(window).scroll(function () { 
    console.log($(window).scrollTop())
    if ($(window).scrollTop() > $(window).height()) {
      $('#nav_bar').addClass('navbar-fixed');
    }
    if ($(window).scrollTop() < (101 * $(window).height())/100) {
      $('#nav_bar').removeClass('navbar-fixed');
    }
  });
});

$(window).height()返回视口的高度。