Прозрачный наббер становится черным в сочетании с «перейти к началу сценария» только на сафари

Question

Итак, я создаю веб-сайт со следующим сценарием:

 window.onscroll = function() {scrollFunction()};
            function scrollFunction() {
                if (document.body.scrollTop > 80 || document.documentElement.scrollTop > 80) {
                    document.getElementById("myTopnav").style.backgroundColor = "rgba(179,229,244,1)";
                } else {
                    document.getElementById("myTopnav").style.backgroundColor = "transparent";

                }
                if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
                    document.getElementById("myBtn").style.display = "block";
                } else {
                    document.getElementById("myBtn").style.display = "none";
                }
            }

Верхняя часть 'if / else Statement' предназначена для того, чтобы панель навигации стала прозрачной

Нижняя 'if /оператор else '- это когда вы нажимаете кнопку, чтобы перейти к верхней части экрана.

Проблема в том, что иногда навигационная панель становится черной (см. изображение), в то время как она должна быть прозрачной.Я знаю, что проблема связана с кнопкой «перейти наверх», потому что когда я удаляю эту часть скрипта, черный цвет больше не появляется.

Похоже, что пока проблема возникает только в Safari.Может быть, эту проблему можно решить, написав скрипт другим способом?