Question

我想我有一个相对独特的问题。昨天好几个小时，我花了很多时间试图弄清楚如何阻止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>

现在，当IE9，Opera或Google使用你注释掉div类显示（ - ＆gt;）时，该对象在没有滚动条的情况下嵌入正常。示例：houstonrestaurantinspections [dot] com / budgetbootcamp / minitest.html＃/ Full-Budget（约为页面的3/4）。我希望它在presention中呈现：嵌入对象上没有滚动条。

但是，当他们取消注释div类并将其重新置于演示模式时，滚动条会出现在对象周围：houstonrestaurantinspections [dot] com / budgetbootcamp / test.html＃/ Ad-Hoc

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

Reveal.Js导致嵌入对象上的滚动条

0 个答案: