Question

我正在制作一份调查幻灯片Slide_1，它需要比其他幻灯片更长的时间。如何在不干扰其他幻灯片的默认大小的情况下编辑幻灯片的大小。

我尝试创建另一个专门为slide_1设置的身高变量，并将高度从800更改为2500，但这没有用。幻灯片的大小没有变化。

  var bodywidthslide = $(document).width();
  if  (bodywidthslide <2500) bodywidthslide = 2500;
  var bodyWidth = $(document).width();
  var bodyHeight = $(document).height() - 20;
  if (bodyWidth < 800) bodyWidth = 800;
  if (bodyHeight < 750) bodyHeight = 750;
  var center = bodyWidth / 2;
  var middle = bodyHeight / 200;

  var svg = d3.select("body").append("svg")
    .attr("width", bodyWidth)
    .attr("height", bodyHeight)
    .on("contextmenu", function() {d3.event.preventDefault()});

  var force = d3.layout.force()
    .size([bodyWidth, bodyHeight])
    .nodes([{x:bodyWidth / 2,
              y:bodyHeight / 2.2,
              fixed: true,

var slide_1 = d3.select("svg").append("g")
    .attr("id", "slide1");
  slide_1.append("rect")
    .style("fill", "white")
    .attr("x", 0)
    .attr("y", 0)
    .attr("width", bodywidthslide)
    .attr("height", bodyHeight);

因此，我希望slide_1具有更大的幻灯片高度，这样我就可以为参加者滚动和阅读提供更多信息。目前，它切断了该信息。

Answer 1

您可以编辑父级div的CSS。

.style("overflow", "scroll")

更改单个幻灯片的大小而不会影响默认幻灯片的大小

1 个答案: