恢复抖音斯克罗尔吧

Question

我正在构建用于 tiktok 的浏览器扩展，在我注入的代码中，我需要滚动条，但是 TikToks CSS 阻止了这一点，我找不到如何覆盖它。

我已经尝试了很多方法来克服它，但也许有一个我只是没有想到的属性。

它不像全局设置溢出到自动那么简单，我试图重置：

::-webkit-scrollbar

但是我不知道如何显示滚动条。

任何人都可以看看 tiktok 网站，看看你是否能分辨出是什么阻止了任何滚动条

谢谢

Answer 1

我发现了删除滚动条的原因。

他们有：

html[pc="yes"] *::-webkit-scrollbar {
width: 0px;
height: 0px;

}

我能够取消设置这些值，然后在我需要的元素上创建一个滚动条

#t3_scroll_container::-webkit-scrollbar {
width: unset!important;
height: unset!important;
}
#t3_scroll_container::-webkit-scrollbar {
width: 10px;
}

#t3_scroll_container::-webkit-scrollbar-track {
background: #f1f1f1; 
}

#t3_scroll_container::-webkit-scrollbar-thumb {
background: #888; 
}

#t3_scroll_container::-webkit-scrollbar-thumb:hover {
background: #555; 
}