質問編集履歴

4

情報の追加

2020/05/18 08:32

投稿

u.sayaka0112
u.sayaka0112

スコア38

test CHANGED
File without changes
test CHANGED
@@ -46,6 +46,8 @@
46
46
 
47
47
 
48
48
 
49
- ### 参考にしたページ
49
+ ### 追記
50
50
 
51
+ やりたいこととしては以下のページの様なサンプルです!(サンプルは動かない様ですが)
52
+
51
- https://qiita.com/Kyou13/items/bf9bcfb84431d7545fc2
53
+ https://www.simplesimplesdesign.com/web/markup/javascript/overflowauto_scrolltop_scrollleft/

3

タイトル修正

2020/05/18 08:32

投稿

u.sayaka0112
u.sayaka0112

スコア38

test CHANGED
@@ -1 +1 @@
1
- 【css/js】div 内のスクロールをイベント発火時に下に移動させたい
1
+ 【css/js】div 内のスクロールをイベント発火時にに移動させたい
test CHANGED
File without changes

2

情報の追加

2020/05/18 08:25

投稿

u.sayaka0112
u.sayaka0112

スコア38

test CHANGED
File without changes
test CHANGED
@@ -10,11 +10,17 @@
10
10
 
11
11
  ある csv ファイルをテーブルに表示しており、そこに動的に行を追加する実装を行っています。
12
12
 
13
- 行を追加する際、「追加するボタン」を押したきに最下部にスクロールさせたいと思っいます。
13
+ 「追加するボタン」をクリックするテーブルの最下部にスクロールし、最終行のセルをinputタグにし編集・追加できる様にる予定です
14
14
 
15
- スクロールはdivの高さを指定し、overflow-x: auto;で実現しています。
16
15
 
16
+
17
+ ### 生じている問題
18
+
19
+ - 「追加するボタン」をクリックした際にテーブル最下部に移動できない
20
+
21
+ 最終行のセルをinputタグにし、追加する実装は完了しましたが、スクロールの最下部に移動させる実装で詰まっています。
22
+
17
- テーブルは vue-good-table という外部コンポーネントを使っています。
23
+ スクロールはdivの高さを指定し、overflow-x: auto;で実現しています(備考ですが、テーブルは vue-good-table という外部コンポーネントを使っています
18
24
 
19
25
 
20
26
 

1

情報追加

2020/05/18 08:10

投稿

u.sayaka0112
u.sayaka0112

スコア38

test CHANGED
File without changes
test CHANGED
@@ -8,11 +8,13 @@
8
8
 
9
9
 
10
10
 
11
+ ある csv ファイルをテーブルに表示しており、そこに動的に行を追加する実装を行っています。
12
+
11
- テーブルに行を追加する、追加するボタンを押したときに最下部にスクロールさせたいす。
13
+ 行を追加する追加するボタンを押したときに最下部にスクロールさせたいと思っています。
14
+
15
+ スクロールはdivの高さを指定し、overflow-x: auto;で実現しています。
12
16
 
13
17
  テーブルは vue-good-table という外部コンポーネントを使っています。
14
-
15
- スクロールはdivの高さを指定し、overflow-x: auto;で実現しています。
16
18
 
17
19
 
18
20