点击左右数字移动的效果用css和js实现

Question

数字是1到20，但是宽度只能显示10个数字，于是有了左右两个按钮，如何实现点击左右按钮让数字往前或者后移动，假设数字之间间隔是80px,有啥好的办法让css可以显示那一部分嘛，就像移动背景的偏移一样去做？求支招

Answer 1

嗯 思路就和轮播图一样 写个外层盒子，里面有3个小盒子。中间的小盒子就是导航数字。 移动的时候改变left的值就可以了。