Javascript 如何在mobile safari上隐藏滚动条？

我用玉做了导航条：

nav.navbar.navbar_white
    div.navbar__inner
        ul.nav-list
            li.nav-list__item_dark
                a(href="#") item 1
            li.nav-list__item_dark
                a(href="#") item 2
            li.nav-list__item_dark
                a(href="#") item 3
            li.nav-list__item_dark
                a(href="#") item 4

我希望它能在手机上水平滚动并隐藏滚动条。 因此，我编写了以下SCS：

.nav-list {
    padding: 15px 0;
    margin: 0;
    width: 100%;
    list-style: none;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch!important; 
    -ms-overflow-style: -ms-autohiding-scrollbar!important;

    &::-webkit-scrollbar { 
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        background-color: transparent;
    }

    &::-webkit-scrollbar-thumb {
        display: none !important;
    }
}

---

如你所见，我尽我所能隐藏它。但它只有在我第一次加载页面时才起作用。重新加载时，滚动条再次出现。我需要帮助来修复它

解决此问题的交叉浏览器方法是将底部填充设置为.navbar_uuu内部元素，并将固定高度设置为小于.navbar_uu内部和溢出的计算高度：隐藏到外部元素。因此滚动条将不可见，因为它将被放置在较低的位置，并且将比外部元素的底部覆盖。

解决此问题的交叉浏览器方法是将底部填充设置为。导航条内部元素和设置固定高度应小于计算的高度。导航条内部和溢出：隐藏到外部元素。这样滚动条就看不见了，因为它的位置会比外部元素的底部低，而且会被压过。

你知道这一点吗？无论我做什么，我都无法使默认的mobile safari滚动条在我的滚动水平菜单上不可见。这有什么新的吗？也有这个问题。@Crashtor是的，我发布了答案，你知道吗？无论我做什么，我都无法使默认的mobile safari滚动条在我的滚动水平菜单上不可见。这有什么新的吗？也有这个问题。@Crashtor是的，我发布了答案