table横向滚动条_Iviewtable横向滚动条始终位于可视区域的实
现
思路：
1、实现⼀个横向滚动条并盖住原⽣滚动条
2、⾃定滚动条的宽度必须与view-table的宽度⼀致
3、将view-table的scroll事件和⾃定义scroll事件进⾏同步
上效果图：
html横向滚动条样式上代码：
<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;    // 初始化mounted() {    // 给⾃定义模块设置宽度    ElementsByClassName('st-con')[0].style.width = ElementsByClassName('ivu-table-bo

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。