桌上滚动监听器

On table scroll listener

本文关键字：监听器 滚动      更新时间：2023-09-26

我正试图找出滚动表的事件。我可以获得左边的参数，例如，使用：

$("#scrollTable").offset().left

但我无法添加它变化的倾听者。我想要的只是监视表的左滚动参数的变化，并将其应用于另一个DOM元素（这不是问题）。

我的表格的HTML示例：

    <div class="scrollTableOuter">
        <div id="scrollTableInner" class="scrollTableInner">
<table id="scrollTable" class="persist-area">
    <thead>
        <tr class="persist-header">
        <th style="height: 80px;">Name</th>
        <td style="width: 80px;">
        </td>
        <td style="width: 80px;">
        </td>
        </tr>
    </thead>
    <tbody>
        <tr>
        <th>name</th>
        <td style="text-align: center;">
        <input class="arrow-change" style="width: 35px; text-align: right;" autocomplete="off" min="0" name="AwardEvent[2][3][value]" id="AwardEvent_2_3_value" type="number" value="1">
        </td>
        </tr>
    </tbody>
</table>
</div></div>
正如文档所指出的，您应该将侦听器绑定到'scroll'事件。 
$('#target').on('scroll', function() {
    // your code
});

显然，#target应该是包含滚动条的元素的选择器，可能是document或overflow 上的div

相关文章：