如何制作浮动HTML <工作

How to make floating HTML <select> work?

本文关键字：工作 HTML 何制作      更新时间：2023-09-26

我有一个脚本(jsfiddle演示)，它在滚动时保持大表的行标题和列标题可见。标题的第二行每个单元格中都有一个< select >元素。问题是，当我滚动表格和标题"浮动"时，选择不再工作。它们是不可选择的。第一行也不是活动的(不能选择文本，用于复制粘贴)。有什么解决办法吗?谢谢。

这不会影响所有的浏览器，这是由于pointer-events: none;设置在CSS为clone -只需删除该声明，一切工作像一个魅力:

    if (clone_table.length == 0) {
        clone_table = $("#main_table")
            .clone()
            .attr('id', 'clone')
            .css({
                width: $("#main_table").width()+"px",
                position: 'fixed',
                //pointerEvents: 'none',  // this is the problem
                left: $("#main_table").offset().left+'px',
                top: 0
            })
            .appendTo($("#table_container"))
            .css({
                visibility: 'hidden'
            })
            .find("thead").css({
                visibility: 'visible'
            });
    }

查看文档，这是预期的行为:

元素绝不是鼠标事件的目标[…]

相关文章：