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

回答編集履歴

2

edit

2021/01/17 09:20

投稿

m.ts10806
m.ts10806

スコア80888

answer CHANGED
@@ -1,4 +1,23 @@
1
1
  コメントに書きましたが、イベントの条件が厳しい、というか滅茶苦茶になってます。
2
+ ```js
3
+ $(function() { //ドキュメント読み込み時のイベント付与
4
+ $(document).ready(function() { //ドキュメント読み込み時のイベント付与
5
+ $(window).scroll(function() { //画面スクロールイベント付与
6
+    var aa = $(this).scrollTop(); //windowのスクロール位置取得
7
+ if (aa > 0 ) { //windowのスクロール位置判定
8
+ $('.menu-navi ui li a ').hover(function(){ //.menu-navi ui li aのhoverイベント付与
9
+ $('this').css('color','#3366FF');      //'this'に対するcss付与(''で囲むと文字列で、.も#もなければ「タグ」に対する指定)
10
+ },function(){       //.menu-navi ui li aからアウトしたときの処理
11
+ $('this').css('color','');     //'this'に対するcss付与
12
+ });
13
+ };
14
+ });
15
+ });
16
+ });
17
+ ```
18
+ かなりの渋滞具合が分かると思います。
19
+
20
+
2
21
  同義のイベントを重ねる意味もあまりありません。
3
22
  1つ1つのイベントを整理し、きちんと役割を明確にしましょう。
4
23
 

1

edit

2021/01/17 09:20

投稿

m.ts10806
m.ts10806

スコア80888

answer CHANGED
@@ -1,5 +1,6 @@
1
1
  コメントに書きましたが、イベントの条件が厳しい、というか滅茶苦茶になってます。
2
2
  同義のイベントを重ねる意味もあまりありません。
3
+ 1つ1つのイベントを整理し、きちんと役割を明確にしましょう。
3
4
 
4
5
  ロジック的にはこうあるべき。
5
6
  - スクロール時に「現在のポイント」をグローバルに保存