我想从切换菜单中隐藏滚动条

Question

你好，我只想从我网站的切换菜单中隐藏滚动条 https://themensoutfitclub.com，我使用了这个 css

html {
   overflow: scroll;
   overflow-x: hidden;
}
::-webkit-scrollbar {
   width: 0;  /* Remove scrollbar space */
   background: transparent;  /* Optional: just make scrollbar invisible */
}
/* Optional: show position indicator in red */
::-webkit-scrollbar-thumb {
   background: #FF0000;
}

screenshot, When clicked on product subcategory 但它也删除了桌面默认的右侧栏，因此没有鼠标就无法滚动。我现在已经删除了代码，请帮助。

Answer 1

假设您的切换菜单 class 名称是 toggle-menu。那么你应该这样设计

.toggle-menu::-webkit-scrollbar { 
        display: none;  /* Safari and Chrome */
 }

请注意，以上代码仅适用于 chrome 和 safari。对于 mozilla 和 IE10+，使用这个

.toggle-menu {
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
}

所以，整个代码应该是这样的：

.toggle-menu {
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: none;  /* Firefox */
}

.toggle-menu::-webkit-scrollbar { 
        display: none;  /* Safari and Chrome */
 }

我想从切换菜单中隐藏滚动条

I want to Hide scroll bar from the toggle menu

html

javascript

css

wordpress

woocommerce