有没有办法让我的sidenav在每个浏览器上都可以滚动？

.sidenav {
  height: 100%;
  width: 200px;
  overflow-y: auto;
}

var isWebkit = 'WebkitAppearance' in document.documentElement.style;
var isMoz = typeof document.mozFullScreen !== 'undefined';

if (isWebkit || isMoz) {
  // 添加自定义滚动条样式
  var style = document.createElement('style');
  style.type = 'text/css';
  style.innerHTML = `
    .sidenav::-webkit-scrollbar {
      width: 8px;
    }
    .sidenav::-webkit-scrollbar-track {
      background-color: #f1f1f1;
    }
    .sidenav::-webkit-scrollbar-thumb {
      background-color: #888;
    }
  `;
  document.getElementsByTagName('head')[0].appendChild(style);
}