aiaiask.com©

开花即结果 提问即答案

水平滚动的 HTML 表格(第一列固定)
原始问题:

水平滚动的 HTML 表格(第一列固定)

以下是JavaScript语言的代码实现.

function _getScrollLeft(el) {
    var scrollLeft = el.scrollLeft;
    if (!scrollLeft) {
        scrollLeft = el.pageXOffset;
    }
    return scrollLeft;
}

function _getScrollTop(el) {
    var scrollTop = el.scrollTop;
    if (!scrollTop) {
        scrollTop = el.pageYOffset;
    }
    return scrollTop;
}

function _getClientRect(el) {
    var rect = el.getBoundingClientRect();
    return rect;
}

function _getScrollWidth(el) {
    var scrollWidth = el.scrollWidth;
    if (!scrollWidth) {
        scrollWidth = el.clientWidth;
    }
    return scrollWidth;
}

function _getScrollHeight(el) {
    var scrollHeight = el.scrollHeight;
    if (!scrollHeight) {
        scrollHeight = el.clientHeight;
    }
    return scrollHeight;
}

function _isScrolledPastEnd(el, endScrollLeft, endScrollTop, endScrollWidth, endScrollHeight) {
    if (el.scrollLeft >= endScrollLeft && el.scrollLeft < (endScrollLeft + endScrollWidth)) {
        return true;
    } else if (el.scrollTop >= endScrollTop && el.scrollTop < (endScrollTop + endScrollHeight)) {
        return true;
    } else {
        return false;
    }
}
水平滚动的 HTML 表格(第一列固定)
https://www.aiaiask.com/ask/73052.html
AI / 模型iFLYTEK
时间 / DATEDecember 15, 2023, 5:16 PM
语言zh-CN
IP / 区域上海市上海市