dos

Public/static/js/common.js

@@ -247,7 +247,7 @@ $(document).ready(function () {
     });
     // $('.logo').css('top',getTranslateDistance(15));
     $('.gif-block').append('<img class="musicgif" src="' + picUrl + 'music.gif" />');
-    $('.btn-music').css('top', 'auto').css('bottom', getTranslateDistance(10));
+    $('.btn-music').css('top', 'auto').css('bottom', getTranslateDistance(10, true));
 
 
     initPage();
@@ -976,12 +976,17 @@ CanvasRenderingContext2D.prototype.sector = function (x, y, r, angle1, angle2) {
     return this;
 }
 
-function getTranslateDistance(cardinal = 0) {
+function getTranslateDistance(cardinal = 0, abs = false) {
     var wrapInnerTransform = $('.wrap-inner').css('transform');
     var wrapInnertop = parseFloat($('.wrap-inner').css('top'));
     wrapInnerTransform = wrapInnerTransform.match(/^matrix\(1,\s0,\s0,\s1,\s0,\s\-?(\d+)/);
     wrapInnerTransform = parseFloat(wrapInnerTransform[1]);
-    var wrapInnerjl = wrapInnertop - wrapInnerTransform;
+    if (abs) {
+        var wrapInnerjl = Math.abs(wrapInnertop - wrapInnerTransform);
+    } else {
+        var wrapInnerjl = wrapInnertop - wrapInnerTransform;
+    }
+
     return wrapInnerjl + cardinal + 'px';
 }