滚动条挤压元素

父元素直接加一个 

  overflow-y: scroll;
  padding-right: 14px;  //取决于你的滚动条宽度
  overflow-x: hidden;

  //自定义滚动条
  &::-webkit-scrollbar {
    /* 滚动条整体样式 */
    width: 14px;
    /* 宽高分别对应横竖滚动条的尺寸 */
    background: #d8d8d8;
    border-radius: 10px;
    // -webkit-box-shadow: inset 1px 0 1px rgba(0,0,0,0.2);
  }

  &::-webkit-scrollbar-thumb {
    /* 滚动条里的小方块 */
    border-radius: 3px;
    background: #d8d8d8;
    height: 30px;
  }

  &::-webkit-scrollbar-track {
    /* 滚动条里面的轨道 */
    border-radius: 10px;
    background: #fff;
  }