table横向滚动条_Iviewtable横向滚动条始终位于可视区域的实现

思路：

1、实现一个横向滚动条并盖住原生滚动条

2、自定滚动条的宽度必须与view-table的宽度一致

3、将view-table的scroll事件和自定义scroll事件进行同步

上效果图：

上代码：

<template>    <div class="scroll-table">        <div class="st-con">纯占位字符div>    div>template>

.scroll-table {
        margin-top: -20px;    width: 100%;    height: 20px;    overflow-x: scroll;    overflow-y: hidden;    // 采用粘性布局    position: sticky;    bottom: -20px;    .st-con {
            // 将内容隐藏        opacity: 0;    }}

// 初始化mounted() {
        // 给自定义模块设置宽度    document.getElementsByClassName(&