新增資料時自動捲動至Div 結尾
在HTML 文件中,表格包含在具有指定樣式的div 內限制水平,溢出同時允許垂直滾動條可見。目標是當新資料追加到表格時自動將 div 滾動到底部。
JavaScript 解決方案:
要實現此目的,JavaScript 間隔函數可以被雇用。此函數會定期更新 div 的scrollTop 屬性以符合其scrollHeight。這可以確保新增資料時 div 自動捲動到底部。
以下程式碼示範如何實現這一點:
自訂事件呼叫:
如果您控制資料新增的時間,另一種方法是在新增資料後手動呼叫該函數。這消除了對間隔函數的需要,並在控制滾動行為方面提供了更大的靈活性。
要實現此目的,請在將資料新增至表格後呼叫上面程式碼的內部函數:
以上是新增資料時如何自動捲動到div末尾?的詳細內容。更多資訊請關注PHP中文網其他相關文章!