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

回答編集履歴

3

余分な説明を削除。

2018/09/27 07:05

投稿

Yousuck
Yousuck

スコア349

answer CHANGED
@@ -1,6 +1,3 @@
1
1
  カクカクの原因は、
2
2
  ループしてきた```selfWrap```のアニメーション完了時のtopの位置と、
3
- ```loopMove()```内でリセットしている位置```selfWrap.css({top:'0'});```が違う(ズレている)為だと思われます。
3
+ ```loopMove()```内でリセットしている位置```selfWrap.css({top:'0'});```が違う(ズレている)為だと思われます。
4
-
5
- ご提示の→[JSFiddle](https://jsfiddle.net/k9qez6Lh/)でテストしたところ、私の環境では```loopMove()```内でリセットさせているtopの位置を25pxにするとスムーズに周回することが確認できました。```selfWrap.css({top:'25px'});```
6
- ※この部分だけ修正でも可能ですが、個人的に気持ち悪いのでCSSも修正することをオススメします。```.loopSliderWrap{top: 25px;}```

2

追記。

2018/09/27 07:05

投稿

Yousuck
Yousuck

スコア349

answer CHANGED
@@ -2,5 +2,5 @@
2
2
  ループしてきた```selfWrap```のアニメーション完了時のtopの位置と、
3
3
  ```loopMove()```内でリセットしている位置```selfWrap.css({top:'0'});```が違う(ズレている)為だと思われます。
4
4
 
5
- ご提示の→[JSFiddle](https://jsfiddle.net/k9qez6Lh/)でテストしたところ、```loopMove()```内でリセットさせているtopの位置を25pxにするとスムーズに周回することが確認できました。```selfWrap.css({top:'25px'});```
5
+ ご提示の→[JSFiddle](https://jsfiddle.net/k9qez6Lh/)でテストしたところ、私の環境では```loopMove()```内でリセットさせているtopの位置を25pxにするとスムーズに周回することが確認できました。```selfWrap.css({top:'25px'});```
6
6
  ※この部分だけ修正でも可能ですが、個人的に気持ち悪いのでCSSも修正することをオススメします。```.loopSliderWrap{top: 25px;}```

1

追記。

2018/09/27 04:47

投稿

Yousuck
Yousuck

スコア349

answer CHANGED
@@ -2,5 +2,5 @@
2
2
  ループしてきた```selfWrap```のアニメーション完了時のtopの位置と、
3
3
  ```loopMove()```内でリセットしている位置```selfWrap.css({top:'0'});```が違う(ズレている)為だと思われます。
4
4
 
5
- ご提示の→[JSFiddle](https://jsfiddle.net/k9qez6Lh/)でテストしたところ、```loopMove()```内でリセットさせているtopの位置を25pxにするとスムーズに周回することが確認できました。
5
+ ご提示の→[JSFiddle](https://jsfiddle.net/k9qez6Lh/)でテストしたところ、```loopMove()```内でリセットさせているtopの位置を25pxにするとスムーズに周回することが確認できました。```selfWrap.css({top:'25px'});```
6
6
  ※この部分だけ修正でも可能ですが、個人的に気持ち悪いのでCSSも修正することをオススメします。```.loopSliderWrap{top: 25px;}```