我正在尝试在视口中定位文本,以便当用户沿着视口滚动时,列中的文本尽可能长时间保持可见。问题是视口可能小于表中列的宽度。所以我有一些接近工作的地方: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的地方。目前,这些类只是将文本向右或向左对齐,并且不允许我需要的滑动性质。任何线索都会受到赞赏。