diff --git a/spine-ts/webgl/demos/utils.js b/spine-ts/webgl/demos/utils.js index 0fdc3f0aa..415dc933b 100644 --- a/spine-ts/webgl/demos/utils.js +++ b/spine-ts/webgl/demos/utils.js @@ -67,10 +67,14 @@ var spineDemos = { $(".slider").each(function () { var div = $(this), handle = $("
").appendTo(div); var bg = div.hasClass("before") ? $("").appendTo(div) : null; - var hw = handle.width(), value = 0, object; + var hw = handle.width(), value = 0, object, lastX; + handle = handle[0]; function positionHandle (percent) { - var x = (div.width() - hw - 2) * percent; - handle[0].style.left = x + "px"; + var x = Math.round((div.width() - hw - 2) * percent); + if (x != lastX) { + handle.style.transform = "translateX(" + x + "px)"; + lastX = x; + } if (bg) bg.css("width", x + hw / 2); value = percent; } @@ -93,8 +97,6 @@ var spineDemos = { set: positionHandle, get: function () { return value; } }); - div[0].handle = handle; - div[0].positionHandle = positionHandle; }); } })(); \ No newline at end of file