底部按钮不会将视频移到底部，因为左右工作正常答案

【问题标题】：Bottom button does not shift video to bottom where as left and right is working fine底部按钮不会将视频移到底部，因为左右工作正常
【发布时间】：2018-01-28 11:00:21
【问题描述】：

我已将视频放在 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

检查 TOP 和 BOTTOM 函数中的代码。

【问题讨论】：

标签： javascript jquery html node.js panning

【解决方案1】：

您缺少一些括号，否则您会将1 连接为一个字符串，以30 + 1 + '%' 结尾会给您"301%" 等。

尝试更详细的方法，从样式中删除不需要的字符，对其进行解析并正确添加，然后使用它们

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

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

【讨论】：