我正在使用WordPress网站上的iframe来显示html5动画,但是除非我设置iframe的高度,否则它会减小宽度。
有人能帮我解决这个问题吗?我已经尝试了很多方法来修复它,但是没有卷轴出现,所以我可以获得100%的宽度,它只是减少了宽度。
https://tempart.posabilities.co.uk/our-story/
我认为我的动画代码中存在冲突:
<div id="animation_container" style="background-color:rgba(255, 255, 255, 1.00); width:960px; height:1615px">
<canvas id="canvas" width="960" height="1615" style="position: absolute; display: none; background-color:rgba(255, 255, 255, 1.00);"></canvas>
<div id="dom_overlay_container" style="pointer-events:none; overflow:hidden; width:960px; height:1615px; position: absolute; left: 0px; top: 0px; display: none;">
</div>
</div>
<div id='_preload_div_' style='position:absolute; top:0; display: inline-block; width: 960px; text-align: center;'> <span style='display: inline-block; height: 100%; vertical-align: middle;'></span> <img src=images/_preloader.gif style='vertical-align: middle; max-height: 100%'/></div>
我也试图让动画在滚动上进行,但完全迷失了方向!
发布于 2018-12-06 04:35:53
这是你的;
#artkiframeHolder {
height: 1000px;
width: 100%;
position: relative;
overflow: scroll;
}
让它像这样
#artkiframeHolder {
height: 1000px;
width: 100%;
position: relative;
overflow: hidden;
}
https://stackoverflow.com/questions/53640190
复制相似问题