This hides the scrollbar on Safari, but not on Chrome, why?

.inner-scrolling::-webkit-scrollbar,
.inner-scrolling::-chrome-scrollbar {
  display: none;
}

Anyway, I did set up inner scrolling like this:

.inner-scrolling {
    overflow: scroll;
    height: calc(100vh - 64px);
}

CodePudding user response：

.inner-scrolling::-webkit-scrollbar{
width: 0;
}

By applying width 0 to scrollbar, will hide scrollbar.

and for moz we can add scrollbar-width: none;