最后一步，由于完全隐藏了滚动条，用户也就不知道可以拖拽了，所以我们还需要绘制一个更为好看的拖拽条，这里延续上述的布局，给.g-inner再添加一个伪元素，绝对定位在元素最后即可：
.g-inner:before { content:"↔"; position: absolute; background: rgba(0, 0, 0, 0.5); top: 0; right: 0; height: 100%; line-height: 340px;}最终完美达成效果：
完整详细的代码，你可以在我的上看到：