vue 选项卡超出隐藏 接近隐藏块 点击自动滚动

    技术2022-07-10  100

    主要参考https://blog.csdn.net/ITbearer/article/details/90260742 这篇文章

    但是文章中的界限判断是写死的,自己稍微改了下

    我做的是横向的选项卡滚动,主要思路是  获取到每个li标签的距离左侧的距离,每个li标签的宽度以及包裹li标签容器的宽度, 难点是获取左边和右边的边界值,右边边界为 当前点击元素距离左侧的距离 + 元素本身的宽度, 如果大于父级容器宽度,则需要滚动的距离为两者之间的差值 + 当前点击元素的宽度,左边边界  我是用的当前元素距离父级元素右侧的距离  + 元素本身的宽度,如果大于总宽度,就需要滚动了,跟右侧边界的计算是一样的

        在求左边边界的过程中,我遇到了问题,不知道怎么求距离父级元素右侧的距离

        解决方法,使用的getBoundingClientRect()函数,返回的是当前元素的位置集合

     

    Processed: 0.013, SQL: 9