css - 滚动条不会在 Chrome 上滚动

Question

对于 Chrome 42 和 OSX 10.10.3，此页面中包含的 iframe 的滚动条 (https://uala-frontend.herokuapp.com/venues/5/) 不滚动。

尽管如此，iframe 中的内容会滚动。为什么？

与移动版 Firefox、Safari 或 Chrome 相比，它可以完美运行。

Answer 1

改变滚动条的颜色，有效...

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-track {
  background: #FFF;
  -webkit-box-shadow: inset 1px 1px 2px #E0E0E0;
  border: 1px solid #D8D8D8;
}
::-webkit-scrollbar-thumb {
  background: #D92428;
  -webkit-box-shadow: inset 1px 1px 2px rgba(155, 155, 155, 0.4);
}
::-webkit-scrollbar-thumb:hover {
  -webkit-box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.3);
}
::-webkit-scrollbar-thumb:active {
  background: #888;
  -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);
}