底部按鈕不會將視頻轉移到底部，左右工作正常

Question

我已將視頻放入div中，一個縮放欄放大視頻，並在每一側放置四個按鈕以相應地在左側，右側，頂部，縮放後的底部。

問題是，左右按鈕正在工作，但頂部和底部按鈕不移動視頻。在示例中，視頻平移不在頂部和底部工作。

if (parseFloat(document.getElementById("MyVideo").style.top)<=0) 
     { 
     console.log(parseFloat(document.getElementById("MyVideo").style.top)); 
     $("#MyVideo").css({"top":parseFloat(document.getElementById("MyVideo").style.top)+1+"%"}); 

代碼鏈路

https://pastebin.com/Kk6XZuLU

檢查頂部和底部函數的代碼。

Answer 1

你錯過了一些括號，否則你會被串連用於1作爲一個字符串，30 + 1 + '%'結束了給你"301%"等

嘗試一個更詳細的方法，你來自哪裏，樣式刪除不想要的字符，解析並正確添加，然後使用它們

var top = document.getElementById("MyVideo").style.top.replace(/\D+/g,''); 
var num = parseFloat(top) + 1; 

$("#MyVideo").css({"top": num + "%"});