Question

我有一个脚本（jsfiddle demo），可以在滚动时保持大表的行标题和列标题可见。标题的第二行在每个单元格中都有一个< select >元素。问题是当我滚动表格并且标题“浮动”时，选择不再起作用。它们不可选择。并且第一行也不活动（无法选择文本，用于复制粘贴）。有没有解决方法可以解决这个问题？感谢。

Answer 1

这不会影响所有浏览器，并且是由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'
            });
    }

查看documentation这是预期的行为：

该元素永远不是鼠标事件的目标 [...]

如何使浮动HTML <select>工作？</select>

1 个答案: