Как сделать анимированный вывод списка?

twobomb, да, содержит элементы li с разным значением offsetTop и одинаковым значение offsetHeight

Как сделать анимированный вывод списка?

twobomb, и очень быстро меняется

Как сделать анимированный вывод списка?

c.style.top значение меняется когда в консоли выводишь, но в дом элементах нет

Как сделать анимированный вывод списка?

twobomb, это я для вас написал просто

Как сделать анимированный вывод списка?

twobomb, loop выполняется как задумано, а вот цикл while не начинает свою работу
так как 0 больше -36

lists.children[0].offsetTop = 0 //тут равно нулю
lists.children[0].offsetHeight = 36//идея понятна
while(lists.children[0].offsetTop <= -lists.children[0].offsetHeight){
                    // eslint-disable-next-line no-console
                    console.log('tyt')
                    var el = lists.children[0];
                        el.style.top = lists.children[lists.children.length-1].offsetTop + el.offsetHeight + 10 + 'px';
                        lists.removeChild(el);
                        lists.appendChild(el);
                    }

Как сделать анимированный вывод списка?

twobomb, нет, может я на vue неправильно что то делаю, сделал функцию в methods запускаю ее в руке created

Как сделать анимированный вывод списка?

twobomb, все основные стили как в примере..

Как сделать анимированный вывод списка?

#list{
position:relative;
margin:0;
padding:0;
height: 400px;
width:100%;
overflow:hidden;
}
#list li{
position:absolute;
list-style:none;
width:100%;
text-align:left;
padding:5px;
margin-bottom:10px;

}

Как сделать анимированный вывод списка?

var lists = document.querySelector("#list");
                var speed = 1;
                this.sortedArray.forEach(function(el,i){
                    var li = document.createElement("li");
                li.innerHTML = el.name + " " + el.rating;
                lists.appendChild(li);
                li.style.top = (i * (li.offsetHeight+10) ) +"px";
                });
                function loop(){
                Array.from(lists.children).forEach(c=>{
                    c.style.top = (c.offsetTop - speed ) +"px";
                    })  	  
                    while(lists.children[0].offsetTop <= -lists.children[0].offsetHeight){
                    var el = lists.children[0];
                        el.style.top = lists.children[lists.children.length-1].offsetTop + el.offsetHeight + 10 + 'px';
                        lists.removeChild(el);
                            lists.appendChild(el);
                    }
                setTimeout(loop,10);
                }
                loop();

Как сделать анимированный вывод списка?

twobomb, все равно блин список выводится, элементы есть, спрятаны, а анимации нет(

Как сделать анимированный вывод списка?

slaxik123, с цифрами разобрался, с arguments нет

Как сделать анимированный вывод списка?

twobomb Error in created hook (Promise/async): "TypeError: 'caller', 'callee', and 'arguments' properties may not be accessed on strict mode functions or the arguments objects for calls to them",
чет одолеть не могу, анимация не работает, и у меня цикл

list.children[0].offsetTop = 0; list.children[0].offsetHeight = 36

поэтому он не стартует, arguments.callee не могу понять что делает, если время есть обьясни плз

Как сделать анимированный вывод списка?

Спасибо!

Как сделать анимированный вывод списка?

0xD34F, тогда я себе тоже туда приписал к группе не открывающих рот, так как я не сталкивался. Извините если задел кого-то.

Как сделать анимированный вывод списка?

twobomb, такое себе, но работать должно как скролл ты правильно понимаешЬ)

Как сделать анимированный вывод списка?

Рустам Байназаров, есть список сейчас он просто выводится, из-за того что он большой, высота блока становится слишком большой нужно чтобы высота блока была фиксированная, а список внутри плавно ехал снизу вверх

ККТ payonline-01-фа и линукс?

Вот и мы на питоне подняли, подключили ККТ все по документации, но принтер custom vp80 не виден в локальном веб интерфейсе от принтера, а на прямую когда подключаешь печатает. Через ком порт принтер также не виден, хотя на виндовсе все работает, на данный момент наш принтер работает только через usb/

Адаптивный календарь, js, как доработать функции?

получаете дату в миллисекундах, отнимаете 24 часа, и блокируете все эти даты.

Адаптивный календарь, js, как доработать функции?

date.now() - 86400000

Почему не работает node js?

но то что предложил молодой человек выше, более безопасно)