У меня есть некоторые элементы, которые width меняют на 0 с помощью JS при прокрутке, и когда начинается переход width в 0, элементы сначала становятся очень большими, но затем делаются по мере необходимости. В Chrome все работает отлично.
Вот пример этого https://jsfiddle.net/dx914ut0/
Какой шолуд мне делать?
UPD: Просто нужно добавить блоки.



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Вместо простого перехода попробуйте использовать приведенный ниже код. Это позволит убедиться, что он работает в каждом браузере.
-webkit-transition: visibility 0s, opacity 2s ease-out;
-moz-transition: visibility 0s, opacity 2s ease-out;
-o-transition: visibility 0s, opacity 2s ease-out;
transition: visibility 0s, opacity 2s ease-out;
используйте ширину вместо видимости и непрозрачности следующим образом:
-webkit-transition: ширина 2сек;
попробуйте функцию onscroll в своем html:
<div onscroll = "topFunction()" id = "myBtn" title = "Go to top"></div>
кроме случаев, когда вы хотите, чтобы это происходило при нажатии, вам, вероятно, следует добавить actionListiner или что-то в этом роде.
но мне нужно оживить свойство
width