d3.js - 消失的 cubism.js 规则

Question

默认 cubism.js 规则仅涵盖当前浏览器。向下滚动浏览器后，规则（行）结束。除了诉诸javascript之外，无论如何要扩展它？

Answer 1

在 cubism.js 中使用了以下来控制线条的样式（规则）

function cubism_ruleStyle(line) {
  line
    .style("position", "absolute")
    .style("top", 0)
    .style("bottom", 0)
    .style("width", "1px")
    .style("pointer-events", "none");
}

通过将“绝对”更改为“固定”，即使在我向下滚动屏幕后，我也会在屏幕上划出一条线。感谢 tanya 提出的类似问题，将 div 置于屏幕中间 - 即使页面向上/向下滚动