Javascript 在表的td元素中动态定位文本。

我试图在视口中定位文本，以便用户在视口中滚动时，列中的文本尽可能长时间保持可见。问题是视图端口可能小于表中列的宽度。因此，我在这里有一些接近工作的东西：

}))

---

在这里，我可以添加或操作将行元素保持在视口边缘所需的css。目前，这些类只是将文本向右或向左对齐，不允许我需要的滑动特性。如果有任何线索，我们将不胜感激。

我没有得到您想要的。。您只需要一些内容即使在用户滚动时也始终可见。。？该小提琴的期望输出是什么？期望的结果是，当用户滚动时，行文本不会跳到右对齐，而是沿着视图端口的边缘滚动，直到遇到下一个td。然后，第2行文本将沿着视图端口的边缘移动，直到第3行，依此类推。这有意义吗？

$rowDiv.scroll(function (e) {
$headerDiv.css({
    left: -$rowDiv[0].scrollLeft + 'px'
});
var thresh = $('.peek').width();

$.leftofscreen("#lookInMe", ".peek", {
    threshold: thresh
}).removeClass("textAdjustTL").addClass("textAdjustTR");
$.rightofscreen("#lookInMe", ".peek", {
    threshold: thresh
}).removeClass("textAdjustTR").addClass("textAdjustTL");

$.inviewportCenter("#lookInMe", ".peek", {
    threshold: 0
}, thresh);