强制滚动条在iphone Chrome（CSS）上始终可见

我有一个模态，它的内容应该溢出并滚动。我希望滚动条始终可见，因为我的一些用户告诉我，他们没有意识到他们可以滚动查看更多信息

不幸的是，在iPhone Chrome上，我尝试过的东西都不起作用。如何使用CSS使垂直滚动条永久可见

当前CSS（此代码似乎适用于Chrome的inspect mobile视图，但在现实生活中不起作用）：

---

请参考这个问题@Thisanthan该帖子中有没有具体的答案可以帮助你？我已经尝试了那里的大部分东西，但到目前为止没有任何效果。看起来StackOverflow上的很多解决方案直到2017年才开始工作，但现在已经不起作用了。

::-webkit-scrollbar {
  -webkit-appearance: none;
  -webkit-overflow-scrolling: auto
}

::-webkit-scrollbar:vertical {
  width: 12px;
  -webkit-overflow-scrolling: auto
}

::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, .5);
  border-radius: 10px;
  border: 2px solid #ffffff;
  -webkit-overflow-scrolling: auto
}

::-webkit-scrollbar-track {
  border-radius: 10px;  
  background-color: #ffffff; 
  -webkit-overflow-scrolling: auto
}