产品比较表中的rtl滚动和导航

Question

我将创建一个产品比较表rtl版本。 但是当direction: rtl;在CSS中滚动和导航时会出现问题。

.cd-products-wrapper {
    overflow-x: auto;
    direction:rtl;/* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */
    -webkit-overflow-scrolling: touch;
    border-style: solid;
    border-color: #e6e6e6;
    border-top-width: 1px;
    border-bottom-width: 1px;
}

演示：https://codyhouse.co/demo/products-comparison-table/index.html