如何在使用 Javascript 的表中的列上创建我的 scrollTo？

Posted 2023-03-05

【中文标题】如何在使用 Javascript 的表中的列上创建我的 scrollTo？

【英文标题】：How to make my scrollTo on a column in a table working in Javascript?

【发布时间】：2022-01-04 01:53:20

【问题描述】：

我正在尝试将一列滚动到底部，但它不起作用。有谁知道如何应对？

这是我的简单代码：

<table>
   <tbody>
       <tr>
           <td id='Trigger_td'>
               sometext
           </td>
           <td id='My_td' style='overflow:scroll;display:block;height:50vh'>
                sometext
           </td>
      </tr>
    </tbody>
</table>

在我的 .js 文件中：

  $("#Trigger_td").on("click",function()
     //Other stuff that fill "#My_td" with content that make it overflow
     $("#My_td").get(0).scrollTo(0,$("#My_td").get(0).scrollHeight);
  );

我希望我给了你所有关于它的重要信息（第一次在这里写问题）。我猜这是因为当点击触发时 My_td 还没有“准备好”滚动。我尝试设置一个 setTimeout，但它不起作用。

非常感谢

【参考方案1】：

你试过Element.scrollIntoView()吗？

document.getElementById('My_td').scrollIntoView();

【讨论】：

我现在试过了，实际上窗口滚动条到了底部，但不是 TD。所以我试图指向“My_td”中的最后一个元素并调用scrollIntoView，现在它可以工作了。非常非常非常感谢