scroll - 如何向 raphael 对象添加滚动条，例如 rect 对象

Question

在我的 Raphael 论文中，一个 rect 对象大于我的纸张宽度，How to add a scrollbar to this rect object 。例如：

var paper = new Raphael("holder", 500, 400);

var rect = paper.rect(100, 100, 1000, 1000);

我想要做的是，在纸张内部，将 ScrollBar 组件添加到此矩形而不是本文。

Answer 1

你可以试试这个

<div id="holder">
  <div id="rectangle-holder">
  </div>
</div>

var paper = new Raphael("holder", 500,400);
var rectangleHolder  = new Raphael("rectangle-holder", 200,200);
var rectangle = rectangleHolder.rectangle(100,100,1000,1000);

使用 CSS 将滚动条添加到rectangle-holderdiv