主要参考https://blog.csdn.net/ITbearer/article/details/90260742 这篇文章
但是文章中的界限判断是写死的,自己稍微改了下
我做的是横向的选项卡滚动,主要思路是 获取到每个li标签的距离左侧的距离,每个li标签的宽度以及包裹li标签容器的宽度, 难点是获取左边和右边的边界值,右边边界为 当前点击元素距离左侧的距离 + 元素本身的宽度, 如果大于父级容器宽度,则需要滚动的距离为两者之间的差值 + 当前点击元素的宽度,左边边界 我是用的当前元素距离父级元素右侧的距离 + 元素本身的宽度,如果大于总宽度,就需要滚动了,跟右侧边界的计算是一样的
在求左边边界的过程中,我遇到了问题,不知道怎么求距离父级元素右侧的距离
解决方法,使用的getBoundingClientRect()函数,返回的是当前元素的位置集合