我正在尝试编辑幻灯片。
JS
value = 100;
value = value++;
setTransformValue(eventsWrapper, 'translateX', value+'px');
HTML
<div class="events" style="width: 4000px; transform: translateX(0px);">
我有一个名为 events
的元素,其 translate X
默认值为 0,我想编写一个函数,从其当前 中添加或删除 100px code>translate X
值。
我上面写的代码加 100,或者从 0 中减去 100,而不是从元素当前值中减去 100。
这有意义吗?
最佳答案
请检查这个 JSBin:http://jsbin.com/qayedelubi/edit?html,console,output
主要思想是提取当前值,将其加100,然后将其设置到元素。
首先,引用要操作的元素:
var events = document.querySelector('div.events');
然后,提取它的当前 translateX 值,使用 replace
去除除实际数值以外的所有内容。
var translateX = parseInt(events.style.transform.replace('translateX(', '').replace('px)', ''), 10);
events.style.transform = 'translateX(' + (translateX + 100) + 'px)';
关于javascript - 使用 jQuery 动画元素位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37591920/