d3.js - 消えた cubism.js ルール

Question

デフォルトの cubism.js ルールは、現在のブラウザーのみを対象としています。ブラウザを下にスクロールすると、ルール (行) が終了します。とにかく、JavaScriptに頼る以外にそれを拡張するには？

Answer 1

In cubism.js It used the following to control the style of the line (rule)

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

By change "absolute" to "fixed" now I have the line across the screen even after I scroll down the screen. Thanks to a similar question asked by tanya, center div in the middle of the screen - even when page is scrolled up/down