nemophilst的博客

原创 vue实现点击按钮控制可滑动的导航栏

实现逻辑：当`scrollLeft`方法被调用时，它会获取到包含日期导航栏的容器元素`.data_bar`，然后使用`scrollTo`方法来设置容器的滚动位置。1. 使用`document.querySelector('.data_bar')`获取到包含日期导航栏的容器元素`.data_bar`。类似地，`scrollRight`方法执行的操作也类似，但是它是通过将`.scrollLeft`属性增加一个可视宽度的距离来将容器向右滚动。实现效果：点击左箭头导航栏向左移动，点击右按钮导航栏向右移动。