Я пытаюсь прокрутить определенную строку таблицы; в div
вместе с table
внутри него у обоих есть overflow:auto
. Это мой код для прокрутки до определенного индекса таблицы:
var table1 = document.getElementById("old_table");
table1.rows[3].scrollIntoView({
behavior: 'smooth',
block: 'center'
});
Это мой html:
<div id="old_slab"><table id="old_table" border="2"></table></div>
И мой css:
#old_slab{
position: absolute;
top:34em;
left:30em;
width:40em;
height: 15em;
overflow: auto;
}
#old_table{
height: 15em;
overflow: auto;
width: 40em;
}
Строки в моей таблице создаются динамически, поэтому они не жестко закодированы в моем html-коде. Тем не менее, стол не пуст. По какой-то причине, в scrollIntoView()
не работает, и я не знаю почему. Пожалуйста, помогите.
РЕДАКТИРОВАТЬ: Странно, но когда я удаляю behaviour
и block
аргументы, тогда это работает:
table1.rows[3].scrollIntoView(true);