2017-11-10 148 views
-3

我已经做了3个div。增加的位置:对他们绝对。制作了三个按钮,将每个按钮链接到相应的div。现在,我想让它显示与按钮相关的某个div。例如,如果即时点击第一个按钮,它应该带我到第一个div,只有那个一次可见(因为我添加了绝对位置)。那么如果第二个按钮被点击,它应该带我到第二个div,类似于滑块。 任何形式的帮助将不胜感激,即时通讯绝对初学者,请让我知道我需要什么JavaScript代码与解释。谢谢。javascript初学者,链接滑块中的按钮

+2

您需要向我们展示了我们的最小相关代码能够回答您在Stack Overflow上发布的任何问题。 –

回答

0

这听起来像你希望能够“滚动”侧身通过的div,以便只有一个“积极的”格是在任何时间观看,与其他两个关闭屏幕。

如果是这样的话,我可能会尝试和照顾动画和安置在CSS。只需创建一个类,它是到左侧,有:

transform: translate-x(-100vw); 

和是关闭的权利与:

transform: translate-x:(100vw); 

那么也许把计时功能在所有的div:

transition: all 0.6s ease-in-out; 

然后,我会为每个按钮的onClick添加/删除相关的类。你可以用普通的JS,jQuery的做到这一点,或者如果你正在使用的东西就像在你的模板反应,或者灰烬,你可以把这些类/类名作为条件上的一些因素