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

时间:2013-06-15 14:02:38

标签: scrollbar tableau reveal.js

我想我有一个相对独特的问题。昨天好几个小时,我花了很多时间试图弄清楚如何阻止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类或其他东西的方式有关,但我不太确定。

0 个答案:

没有答案