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

回答編集履歴

2

コメントを受けて追記

2020/07/14 04:05

投稿

Lhankor_Mhy
Lhankor_Mhy

スコア37488

answer CHANGED
@@ -13,4 +13,15 @@
13
13
 
14
14
  ---
15
15
 
16
- IE11非対応になりますが、`.scrollIntoView({behavior: "smooth", block: "nearest", inline: "nearest"})`とした方がかっこいいかもしれません。
16
+ IE11非対応になりますが、`.scrollIntoView({behavior: "smooth", block: "nearest", inline: "nearest"})`とした方がかっこいいかもしれません。
17
+
18
+
19
+ # コメントを受けて追記
20
+
21
+ 下記、IE11で動作確認しました。
22
+
23
+ ```js
24
+ onSlideChange: function(prevIndex, nextIndex) {
25
+ this.children().scrollTop(this.children().scrollTop()+this.find("li:eq("+nextIndex+")").position().top);
26
+ },
27
+ ```

1

追記

2020/07/14 04:05

投稿

Lhankor_Mhy
Lhankor_Mhy

スコア37488

answer CHANGED
@@ -9,4 +9,8 @@
9
9
  動作確認済みです。
10
10
 
11
11
  参考:
12
- [Element.scrollIntoView() - Web API | MDN](https://developer.mozilla.org/ja/docs/Web/API/Element/scrollIntoView)
12
+ [Element.scrollIntoView() - Web API | MDN](https://developer.mozilla.org/ja/docs/Web/API/Element/scrollIntoView)
13
+
14
+ ---
15
+
16
+ IE11非対応になりますが、`.scrollIntoView({behavior: "smooth", block: "nearest", inline: "nearest"})`とした方がかっこいいかもしれません。