Bir tablonun belirli bir satırına kaydırmaya çalışıyorum; div
birlikte table
içinde her ikisi de var overflow:auto
. Bu, tablonun belirli bir dizinine kaydırmak için kodum:
var table1 = document.getElementById("old_table");
table1.rows[3].scrollIntoView({
behavior: 'smooth',
block: 'center'
});
Bu benim html'm:
<div id="old_slab"><table id="old_table" border="2"></table></div>
Ve css'm:
#old_slab{
position: absolute;
top:34em;
left:30em;
width:40em;
height: 15em;
overflow: auto;
}
#old_table{
height: 15em;
overflow: auto;
width: 40em;
}
Tablomdaki satırlar dinamik olarak oluşturulur, bu nedenle html kodumda kodlanmış değildirler. Yine de masa boş değil. Nedense, scrollIntoView()
çalışmıyor ve nedenini bilmiyorum. Lütfen yardım edin.
DÜZENLEME: Garip bir şekilde, kaldırdığımda behaviour
ve block
argümanlar, o zaman işe yarıyor:
table1.rows[3].scrollIntoView(true);