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

时间:2014-04-11 17:16:35

标签: javascript jquery html css

我正在尝试在视口中定位文本,以便当用户沿着视口滚动时,列中的文本尽可能长时间保持可见。问题是视口可能小于表中列的宽度。所以我有一些接近工作的地方:http://jsfiddle.net/Deterus/6eU24/15/

$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);

});

这是我能够添加或操作将行元素保持在视口边缘所需的css的地方。目前,这些类只是将文本向右或向左对齐,并且不允许我需要的滑动性质。任何线索都会受到赞赏。

0 个答案:

没有答案