2017-11-10 144 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的做到這一點,或者如果你正在使用的東西就像在你的模板反應,或者灰燼,你可以把這些類/類名作爲條件上的一些因素