javascript初学者，链接滑块中的按钮

Question

我已经做了3个div。增加位置：对他们绝对。制作了三个按钮，将每个按钮链接到相应的div。现在，我想让它显示它与按钮相关的特定div。 例如，如果我点击第一个按钮，它应该带我到第一个div，只有那个一次可见（因为我添加绝对位置）。然后，如果单击第二个按钮，它应该以类似于滑块的方式将我带到第二个div。 任何形式的帮助将非常感激，我是一个绝对的初学者，请让我知道我需要的JavaScript代码与解释。感谢。

Answer 1

听起来你希望能够在div中横向“滚动”，这样任何时候都只能查看一个“活动”div，而其他两个屏幕都会关闭。

如果是这种情况，我可能会尝试在css中处理动画和位置。只需创建一个偏离左侧的类，其中包含：

transform: translate-x(-100vw);

并且在右边是：

transform: translate-x:(100vw);

然后可能在所有div上放置一个计时功能：

transition: all 0.6s ease-in-out;

然后我会为每个按钮添加/删除相关类的onClick。你可以用普通的JS，jQuery做这个，或者如果你使用像react或者Ember这样的东西，你可以把这些类/ classNames放在你的模板中作为某种因素的条件