Sto cercando di scorrere in una particolare riga di una tabella; il div
insieme con il table
all'interno di esso, entrambi hanno overflow:auto
. Questo è il mio codice per lo scorrimento di un particolare indice della tabella:
var table1 = document.getElementById("old_table");
table1.rows[3].scrollIntoView({
behavior: 'smooth',
block: 'center'
});
Questo è il mio codice html:
<div id="old_slab"><table id="old_table" border="2"></table></div>
E il mio css:
#old_slab{
position: absolute;
top:34em;
left:30em;
width:40em;
height: 15em;
overflow: auto;
}
#old_table{
height: 15em;
overflow: auto;
width: 40em;
}
Le righe nella tabella vengono creati dinamicamente, quindi non sono hardcoded nel mio codice html. Tuttavia, la tabella non è vuoto. Per qualche ragione, l' scrollIntoView()
non funziona e non so perché. Si prega di aiutare.
EDIT: Stranamente, quando ho tolto le behaviour
e block
argomenti, allora funziona:
table1.rows[3].scrollIntoView(true);