jquery ヘッダーに100vhスクロールをしたら、クラスを追加したい

Question

前提・実現したいこと

jqueryを使ってヘッダーに100vhスクロールをしたら、クラスを追加したいです

発生している問題・エラーメッセージ

エラーメッセージ

該当のソースコード

// スクロール
$(window).scroll(function () {
  var height = '100vh';
  if ($(window).scrollTop() > height) {
    $('.header').addClass('hide');
  } else {
    $('.header').removeClass('hide');
  }
});

.hide{
display:none;
}

var height = '100vh';の部分で

var height = 100;にすると
100pxスクロールするとヘッダーが消えるのですが、
これを100vhスクロールしたら消えるように実装をしたいです。
var height = '100vh';だと動かないです。

javascriptでの単位の指定方法が調べてもなかなかわからず、質問をさせていただきました。
初歩的な質問で恐れ入りますが、
有識者の方がいらっしゃいましたらご教授いただけますと嬉しいです。

よろしくお願いいたします。

Answer 1

- var height = '100vh';
+ var height = $(window).height();

Comments

[kii.32]

ご丁寧にありがとうございます！解決いたしました！