Question

我试图让下面的iframe以与宽度成比例的数量向上移动到相对负位置。

<iframe id="fullwidthvideo" width="560" height="315" src="https://www.youtube-nocookie.com/embed/uV33h4f1E1s?rel=0&controls=0&showinfo=0&autohide=1&autoplay=1&loop=1&playlist=uV33h4f1E1s" frameborder="0" allowfullscreen></iframe>
<script type="text/javascript">
   document.getElementById('fullwidthvideo').onload = function() {
   vidElement = document.getElementById('fullwidthvideo');
   vidElement.style.top = vidElement.width * -0.25;
   }
</script>

此iframe元素的CSS有效，所以我只想弄清楚如何使用JavaScript动态。

top: -200px;

我不确定发生了什么，因为JavaScript似乎正在计算值0.任何帮助都将受到赞赏。：）

Answer 1

我认为以下行导致了问题：

vidElement.style.top = vidElement.style.width * -0.25;

在处理iframe时，我不使用style.width，但只有宽度如此：

vidElement.style.top = vidElement.width * -0.25;

我希望这有帮助！

Answer 2

密钥是使用$first->lte($second)并将element.clientWidth设置为以适当的格式说明符结尾的字符串（例如'px'）。

element.style.top

将元素位置移动为宽度函数

2 个答案: