teratail
回答率
85.48%
質問するログイン新規登録
トップに関する質問jQueryのアニメーションについて詳しい方教えてください

編集履歴

質問編集履歴

5

書籍の修正

2018/08/27 08:10

投稿

r.baagio10
r.baagio10

スコア19

test CHANGED
File without changes
test CHANGED
@@ -34,7 +34,7 @@
34
34
 
35
35
  私が作ったコードになります。
36
36
 
37
- ```ここに言語を入力
37
+ ```javascript
38
38
 
39
39
  var thisOffset;
40
40
 

4

書籍の修正

2018/08/27 08:09

投稿

r.baagio10
r.baagio10

スコア19

test CHANGED
File without changes
test CHANGED
@@ -28,33 +28,11 @@
28
28
 
29
29
 
30
30
 
31
- ここに質問の内容を詳しく書いてください。
32
-
33
- （例）PHP(CakePHP)で●●なシステムを作っています。
34
-
35
- ■■な機能を実装中に以下のエラーメッセージが発生しました。
36
-
37
-
38
-
39
- ### 発生している問題・エラーメッセージ
40
-
41
-
42
-
43
- ```
44
-
45
- エラーメッセージ
46
-
47
- ```
48
-
49
-
50
-
51
31
  ### 該当のソースコード
52
32
 
53
33
 
54
34
 
55
35
  私が作ったコードになります。
56
-
57
-
58
36
 
59
37
  ```ここに言語を入力
60
38
 
@@ -82,11 +60,9 @@
82
60
 
83
61
  }
84
62
 
85
-
86
-
87
63
  })
88
64
 
89
-
65
+ ```
90
66
 
91
67
 
92
68
 
@@ -97,11 +73,3 @@
97
73
  ネットで[特定の位置まで来たらイベントを実行](https://blog.teorico.jp/%E3%80%90jquery%E3%80%91%E7%89%B9%E5%AE%9A%E3%81%AE%E4%BD%8D%E7%BD%AE%E3%81%BE%E3%81%A7%E6%9D%A5%E3%81%9F%E3%82%89%E3%82%A4%E3%83%99%E3%83%B3%E3%83%88%E3%82%92%E5%AE%9F%E8%A1%8C/)のサイトを見つけ
98
74
 
99
75
  同じように設定しましたがうまくいきませんでした。
100
-
101
-
102
-
103
- ### 補足情報（FW/ツールのバージョンなど）
104
-
105
-
106
-
107
- ここにより詳細な情報を記載してください。

3

書籍の追加

2018/08/27 06:05

投稿

r.baagio10
r.baagio10

スコア19

test CHANGED
File without changes
test CHANGED
@@ -1,8 +1,4 @@
1
- 前提・実現したいこと
1
+ ### 前提・実現したいこと
2
-
3
- ここに質問の内容を詳しく書いてください。
4
-
5
-
6
2
 
7
3
  http://www.pointedge.work/
8
4
 
@@ -23,14 +19,6 @@
23
19
  下にスクロールしたら同じ速度にならないアニメーションにしたいです。
24
20
 
25
21
  どのようなコードが正しいのでしょうか？
26
-
27
-
28
-
29
- 発生している問題・エラーメッセージ
30
-
31
-
32
-
33
- ### 前提・実現したいこと
34
22
 
35
23
 
36
24
 

2

書式の修正です

2018/08/25 06:22

投稿

r.baagio10
r.baagio10

スコア19

test CHANGED
File without changes
test CHANGED
@@ -30,13 +30,39 @@
30
30
 
31
31
 
32
32
 
33
- スクロールして特定の位置まで来たら右から左にスライドしてのイベントを実行はできるんですが
34
-
35
- そのあと下にスクロールしたら別のコンテンツも同じ速度でアニメーションで実行されます。
33
+ ### 前提・実現したいこと
36
34
 
37
35
 
38
36
 
37
+ スクロールして特定の位置まで来たら右から左にスライドしてのイベントを実行はできるんですが
38
+
39
+ そのあと下にスクロールしたら別のコンテンツも同じ速度でアニメーションで実行されるようにしたいです。
40
+
41
+
42
+
43
+ ここに質問の内容を詳しく書いてください。
44
+
45
+ （例）PHP(CakePHP)で●●なシステムを作っています。
46
+
47
+ ■■な機能を実装中に以下のエラーメッセージが発生しました。
48
+
49
+
50
+
51
+ ### 発生している問題・エラーメッセージ
52
+
53
+
54
+
55
+ ```
56
+
57
+ エラーメッセージ
58
+
59
+ ```
60
+
61
+
62
+
39
- ソースコード
63
+ ### 該当のソースコード
64
+
65
+
40
66
 
41
67
  私が作ったコードになります。
42
68
 
@@ -71,3 +97,23 @@
71
97
 
72
98
 
73
99
  })
100
+
101
+
102
+
103
+
104
+
105
+ ### 試したこと
106
+
107
+
108
+
109
+ ネットで[特定の位置まで来たらイベントを実行](https://blog.teorico.jp/%E3%80%90jquery%E3%80%91%E7%89%B9%E5%AE%9A%E3%81%AE%E4%BD%8D%E7%BD%AE%E3%81%BE%E3%81%A7%E6%9D%A5%E3%81%9F%E3%82%89%E3%82%A4%E3%83%99%E3%83%B3%E3%83%88%E3%82%92%E5%AE%9F%E8%A1%8C/)のサイトを見つけ
110
+
111
+ 同じように設定しましたがうまくいきませんでした。
112
+
113
+
114
+
115
+ ### 補足情報（FW/ツールのバージョンなど）
116
+
117
+
118
+
119
+ ここにより詳細な情報を記載してください。

1

詳しく説明するため文章を修正しました

2018/08/25 05:58

投稿

r.baagio10
r.baagio10

スコア19

test CHANGED
@@ -1 +1 @@
1
- jQueryのアニメーションについて理解できません
1
+ jQueryのアニメーションについて詳しい方教えてください
test CHANGED
@@ -1,6 +1,22 @@
1
1
  前提・実現したいこと
2
2
 
3
3
  ここに質問の内容を詳しく書いてください。
4
+
5
+
6
+
7
+ http://www.pointedge.work/
8
+
9
+
10
+
11
+ こちらのサイトのスクロールしてから右から左にコンテンツが表示されるアニメーションのことで
12
+
13
+ お聞きしたいのですが
14
+
15
+ 同じようなアニメーションのサイトを作っていますが上にあるコンテンツは同じようにアニメーションになるのですが下にある同じようなコンテンツもスクロールしたら同じようなアニメーションに設定したいのですが同時にアニメーションが実行されます。
16
+
17
+
18
+
19
+ 同時に実行されないアニメーションを設定するにはjQueryのコードをどうすればいいのでしょうか？
4
20
 
5
21
 
6
22
 
@@ -26,6 +42,8 @@
26
42
 
27
43
 
28
44
 
45
+ ```ここに言語を入力
46
+
29
47
  var thisOffset;
30
48
 
31
49
  $(window).on('load',function(){
@@ -50,6 +68,6 @@
50
68
 
51
69
  }
52
70
 
53
- ```
71
+
54
72
 
55
73
  })