Question

所以我在我的网站中使用JQuery标尺插件将水平和垂直标尺应用于主体内的元素。此元素占据屏幕的大部分（但不是全部），并且可以根据其包含的元素的大小调整大小。

我遇到的麻烦是滚动。向下滚动时，垂直标尺会根据需要移动，但水平标尺会保持在绝对意义上的位置，只有在用户停止滚动时才会移回视线。水平滚动时垂直标尺也会发生同样的情况。

虽然这在技术上有效，但我更喜欢垂直标尺在水平方向固定但在垂直意义上是绝对的，反之亦然。有谁知道我可以用来做这个的任何CSS魔法？我看到了类似的问题here，但我不认为我在寻找同样的问题。

标尺容器元素的CSS：

#simWindow {
    overflow: auto;
    min-height: 100%;
    height: 100%;
    max-height: 100%;
    width: 100%;
    position: relative;
    background-repeat: no-repeat;
    border: #222 solid 1px;
    box-sizing: border-box;
}

绘制标尺的代码：

$('#simWindow').ruler({ scale: self.scale(), unit: self.distanceShorthand() });

我已尝试将标尺应用于父元素，但随后滚动时根本不会移动。我也尝试将位置设置为fixed，结果相同 - 标尺将出现在屏幕上，但仍保持绝对固定状态，根本不响应滚动。如果其他人有任何解决方案，我们将不胜感激。

JQuery标尺更新滚动

0 个答案: