底部按钮不会将视频移动到底部，因为左右都可以正常工作

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+"%"});

代码link-

https://pastebin.com/Kk6XZuLU

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

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 + "%"});

底部按钮不会将视频移动到底部，因为左右都可以正常工作

Bottom button does not shift video to bottom where as left and right is working fine

html

javascript

jquery

node.js

panning