1

我想我有一个相对独特的问题。昨天好几个小时，我花了很多时间试图弄清楚如何阻止 Reveal.Js 在我拥有的嵌入式对象上产生滚动条。嵌入对象是 Tableau Public 工作簿。你可以在这里查看：public [dot] tableausoftware.com/views/BudgetBookcampFY14/AdHocDrilldown?:embed=y&:display_count=no

实际的工作簿（或仪表板）的大小为宽度：900 和高度：550。但对于我正在做的事情而言，这些似乎都不重要。要嵌入对象，我使用以下代码：

<script type="text/javascript" src="http://public [dot] tableausoftware.com/javascripts/api/viz_v1.js">   
</script>
<div class="tableauPlaceholder" style="width:904px; height:619px;"><noscript>
<a href="#"><img alt="Ad Hoc Drilldown " src="http:&#47;&#47;public.tableausoftware.com&#47;static&#47;images&#47;Bu&#47;BudgetBookcampFY14&#47;AdHocDrilldown&#47;1_rss.png" style="border: none" />
</a></noscript>
<object class="tableauViz" width="904" height="619" style="display:none;">
<param name="host_url" value="http%3A%2F%2Fpublic.tableausoftware.com%2F" /><param name="site_root" value="" /><param name="name" value="BudgetBookcampFY14&#47;AdHocDrilldown" />
<param name="tabs" value="no" /><param name="toolbar" value="yes" />
<param name="static_image" value="http:&#47;&#47;public.tableausoftware.com&#47;static&#47;images&#47;Bu&#47;BudgetBookcampFY14&#47;AdHocDrilldown&#47;1.png" /><param name="animate_transition" value="yes" />
<param name="display_static_image" value="yes" />
<param name="display_spinner" value="yes" />
<param name="display_overlay" value="yes" /><param name="display_count" value="no" /></object>
</div>

现在，当现在使用您注释掉 div 类显示 (-->) 时，该对象可以在 IE9、Opera 或 Google 中很好地嵌入而没有滚动条。示例：houstonrestaurantinspections [dot] com/budgetbootcamp/minitest.html#/Full-Budget（大约在页面下方的 3/4 处）。我希望它在演示文稿中呈现的方式：嵌入对象上没有滚动条。

但是，当您取消注释 div 类并将其放回演示模式时，滚动条会出现在对象周围：houstonrestaurantinspections [dot] com/budgetbootcamp/test.html#/Ad-Hoc

我尝试过更改对象大小信息、div 类样式、tableau 中的工作簿大小，我什至对reveal.js 和reveal.min.css 做了一些改动，但无济于事。在调整 CSS 上所有麻烦的大小时，我并不是最好的（实际上，我在这方面是个新手），所以我真的可以在这里使用一些建议来推动这一进程。如果有人愿意花一些时间和我在一起或提供一些指导，我可以在这里通过电话、电子邮件甚至 IRC 聊天。我怀疑它与显示填充对象或 div 类或类似这些内容的方式有关，但我不太确定。

4

0 回答 0