自學javascript我想創建一個類似于Netflix的選單,當您向右或向左滾動時,您可以瀏覽節目/電影,但是,它將帶有左右箭頭,即如果我向右移動,則block2將在block1中位置、block3 中的block2 等
我在想我可以在陣列中為每個塊分配一個位置: var menuBar = [block1, block2, block3, block4]; 然后遍歷陣列
for(var i=0; i < menuBar.length(); i ){
switch (e.key) {
case 'ArrowLeft':
i--;
GoThroughMenu();
break;
case 'ArrowRight':
i ;
GoThroughMenu();
break;
}
和 GoThroughMenu() 將移動塊
block1.style.left = menuBar[i].style.left 'px';
block1.style.top = menuBar[i].style.top 'px';
現在沒什么動靜,我的處理方式有錯誤嗎?
uj5u.com熱心網友回復:
left和topcss 屬性僅適用于非position: static值(這是position所有元素的默認值)。
嘗試給 menuBar 專案一個position: relative;.
uj5u.com熱心網友回復:
只需添加position: relative;到#box。它會正常作業。
檢查這里的作業示例https://jsfiddle.net/milytulip/x52goy3s/2/
#box{
width: 1000px;
height: 200px;
background-color: black;
position: relative;
}
轉載請註明出處,本文鏈接:https://www.uj5u.com/gongcheng/364584.html
標籤:javascript html
