Показать сообщение отдельно
  #5 (permalink)  
Старый 22.07.2018, 10:23
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

span position absolute сохранение положения при смене позиции
kurganoffiv,
offsetLeft надо предварительно закешировать.
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css">
     #testDIV{
    position: relative;
     }
    </style>
    <script>
document.addEventListener("DOMContentLoaded", function() {
    var testDiv = document.querySelector("#testDIV");
    var childTestDiv = testDiv.children;
    [].map.call(childTestDiv, function(child) {
        var leftPos = child.offsetLeft;
        child.style.left = leftPos + "px";
        return child
    }).forEach(function(child) {
        child.style.position = "absolute"
    })
});
    </script>
</head>
<body>
    <div id="testDIV">
        <span>SPAN 1</span>
        <span>SPAN 2</span>
    </div>

</body>
</html>

Последний раз редактировалось рони, 22.07.2018 в 15:09.
Ответить с цитированием