teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

2

判定を外す

2016/10/18 12:38

投稿

chitoku
chitoku

スコア1610

answer CHANGED
@@ -54,11 +54,8 @@
54
54
  });
55
55
 
56
56
  $(window).scroll(function () {
57
- // スクロールされたらその都度判定する
58
- if (current !== 'big') {
59
- // クラスを切り替え
57
+ // クラスを切り替え
60
- nav.toggleClass('fixed', this.scrollTop() > offset);
58
+ nav.toggleClass('fixed', this.scrollTop() > offset);
61
- }
62
59
  });
63
60
  });
64
61
  ```

1

修正

2016/10/18 12:38

投稿

chitoku
chitoku

スコア1610

answer CHANGED
@@ -30,6 +30,7 @@
30
30
  $(function () {
31
31
  var current = 'small';
32
32
  var nav = $('nav');
33
+ var offset = nav.offset().top;
33
34
 
34
35
  $(window).resize(function () {
35
36
  var w = this.width();
@@ -54,9 +55,9 @@
54
55
 
55
56
  $(window).scroll(function () {
56
57
  // スクロールされたらその都度判定する
57
- if (current === 'big') {
58
+ if (current !== 'big') {
58
59
  // クラスを切り替え
59
- nav.toggleClass('fixed', this.scrollTop() > nav.offset().top);
60
+ nav.toggleClass('fixed', this.scrollTop() > offset);
60
61
  }
61
62
  });
62
63
  });