ฉันกำลังพยายามเลื่อนไปบางส่วนแถวของโต๊ะที่ 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;
}
คนจำนวนแถวในโต๊ะของฉันเป็น dynamically สร้างตัวพวกเขาก็ไม่ hardcoded ในของ html เป็นรหัสมอส ยังไงก็ตามโต๊ะไม่ว่างเปล่า. สำหรับเหตุผลบางอย่าง scrollIntoView()
มันไม่ทำงานและฉันไม่รู้ว่าทำไม ได้โปรดช่วยผมด้วย
แก้ไข: แปลกๆตอนที่ฉันลบ behaviour
แล้ว block
อาร์กิวเมนต์แล้วมันทำงาน:
table1.rows[3].scrollIntoView(true);