Question

我有一个固定的标题。我将它设置为position：fixed，但它可以沿x轴滚动。这是我用于x-scroll的javascript：

var thead = document.querySelector("#acctInqFormResults table tr:first-child");
window.onscroll = function() {
    thead.style["-webkit-transform"] = "translateX(" + -window.scrollX + "px)";
    thead.style.transform = "translateX(" + -window.scrollX + "px)";
};

直到我在移动设备上测试它才开始工作。当我捏合放大表格时，固定标题似乎以与全文加载文档时相同的速度滚动，从而使标题和表格内容不同步。有没有办法可以弥补移动缩放？

Answer 1

我认为添加此视口元标记应该有助于移动浏览器正确计算位置。毕竟 - 如果您正在制作特定于移动设备的网站版本，那么缩放是无用的，甚至可以完全避免，以获得最佳用户体验。

<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />

在移动设备上放大时，固定元素的翻译x不同步

1 个答案: