есть меню с таким кодом https://jsfiddle.net/Evg82/4j0dgxnc/2/
Ставлю его на сайт который делаю на adobe muse
в результате при срабатывании этого меню получаю такой сгенеренный код
<div data-name="mojs-shape" class="" style="position: absolute; width: 402px; height: 402px; margin-left: -201px; margin-top: -201px; opacity: 1; left: 50%; top: 50%; transform: translate(0px, 0px) rotate(0deg) scale(8.5, 8.5); transform-origin: 50% 50%;"><svg style="display: block; width: 100%; height: 100%; left: 0px; top: 0px;"><ellipse rx="200" ry="200" cx="201" cy="201" fill-opacity="1" stroke-linecap="" stroke-dashoffset="" fill="#111820" stroke-dasharray="" stroke-opacity="1" stroke-width="2" stroke="transparent"></ellipse></svg></div>
Мне надо чтобы style="position: absolute; сделалось style="position: fixed; потому что в мобильной версии сайта скролы появляются
Я так понимаю в сам код скрипта что то добавить нужно но не могу понять что
Пробовал так:
<script type="text/javascript">
function changeElement() {
var div = document.getElementById("mojs-shape");
div.style.position="fixed";
}
</script>
и так:
var div = document.getElementById("mojs-shape");
div.style.position="fixed";
}
но не пошло… подскажите как прописать правильно?