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

質問編集履歴

2

試してみたことを追記

2016/10/18 08:31

投稿

atsushi_m
atsushi_m

スコア20

title CHANGED
File without changes
body CHANGED
@@ -67,4 +67,78 @@
67
67
  【追記】
68
68
  https://teratail.com/questions/15586
69
69
 
70
- ご覧いただきありがとうございます。上記URLの質問についての回答を参考にしました。
70
+ ご覧いただきありがとうございます。上記URLの質問についての回答を参考にしました。
71
+
72
+ ```ここに言語を入力
73
+ 【試してみたこと】
74
+
75
+ 1.元のコード
76
+ offset = nav.offset();
77
+ —中略--
78
+ $(window).scroll(function () {
79
+ if($(window).scrollTop() > offset.top) {
80
+ nav.addClass('fixed');
81
+ } else {
82
+ nav.removeClass('fixed');
83
+ }
84
+ });
85
+
86
+ 【結果】動作する
87
+
88
+
89
+ 2.いただいた定義+いただいたコード
90
+ var offset = nav.offset().top;
91
+ ―中略--
92
+ $(window).scroll(function () {
93
+ // スクロールされたらその都度判定する
94
+ if (current !== 'big') {
95
+ // クラスを切り替え
96
+ nav.toggleClass('fixed', this.scrollTop() > offset);
97
+ }
98
+ });
99
+
100
+ 【結果】動作せず
101
+
102
+
103
+ 3.いただいた定義+元のコード
104
+ var offset = nav.offset().top;
105
+ ―中略--
106
+ $(window).scroll(function () {
107
+ if($(window).scrollTop() > offset.top) {
108
+ nav.addClass('fixed');
109
+ } else {
110
+ nav.removeClass('fixed');
111
+ }
112
+ });
113
+
114
+ 【結果】動作せず
115
+
116
+
117
+ 4.元の定義+いただいたコード
118
+ offset = nav.offset();
119
+ —中略--
120
+ $(window).scroll(function () {
121
+ // スクロールされたらその都度判定する
122
+ if (current !== 'big') {
123
+ // クラスを切り替え
124
+ nav.toggleClass('fixed', this.scrollTop() > offset);
125
+ }
126
+ });
127
+
128
+ 【結果】動作せず
129
+
130
+
131
+ 5.元の定義+元のコードをアレンジ
132
+ offset = nav.offset();
133
+ —中略--
134
+ $(window).scroll(function () {
135
+ if (current !== 'big') {
136
+ // 上の行をいただいた内容にアレンジ
137
+ nav.addClass('fixed');
138
+ } else {
139
+ nav.removeClass('fixed');
140
+ }
141
+ });
142
+
143
+ 【結果】addは動作するもremoveは動作せず(スクロール時に固定されるが、スクロールを戻した時に固定解除とはならない)
144
+ ```

1

参考にさせていただいたURLを追記しました。

2016/10/18 08:31

投稿

atsushi_m
atsushi_m

スコア20

title CHANGED
File without changes
body CHANGED
@@ -61,4 +61,10 @@
61
61
  どうにもうまくいきませんでした。
62
62
 
63
63
  ###補足情報(言語/FW/ツール等のバージョンなど)
64
- htmlとcssについては多少わかるのですが、jqueryについては本当に素人で…それでもつくりたいサイトがあるので、いろいろなネットの記事を参照しながら作業をしました。が、…完全に行き詰まってしまいました。
64
+ htmlとcssについては多少わかるのですが、jqueryについては本当に素人で…それでもつくりたいサイトがあるので、いろいろなネットの記事を参照しながら作業をしました。が、…完全に行き詰まってしまいました。
65
+
66
+
67
+ 【追記】
68
+ https://teratail.com/questions/15586
69
+
70
+ ご覧いただきありがとうございます。上記URLの質問についての回答を参考にしました。