我试图让下面的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.任何帮助都将受到赞赏。 :)
答案 0 :(得分:0)
我认为以下行导致了问题:
vidElement.style.top = vidElement.style.width * -0.25;
在处理iframe时,我不使用style.width,但只有宽度如此:
vidElement.style.top = vidElement.width * -0.25;
我希望这有帮助!
答案 1 :(得分:0)
密钥是使用$first->lte($second)
并将element.clientWidth
设置为以适当的格式说明符结尾的字符串(例如'px')。
element.style.top