Css導航箭頭在頁面左側和右側垂直持久

-2

CSS前端有點弱。我試圖達到http://www.usatoday.com/的確切效果。即使您垂直向上或向下滾動頁面，左側和右側導航箭頭仍保持垂直。有沒有人有任何示例代碼來做到這一點？ Arrows on both outer left and outer right Css導航箭頭在頁面左側和右側垂直持久

2014-04-23 De An

是，usatoday.com確實。 – j08691

你會想給他們position: fixed。如果你希望他們被垂直居中，你可以做這樣的事情*：

.nav-arrow { 
    position: fixed; 
    top: 0; 
    bottom: 0; 
    margin: auto; 
}

*您必須確保給他們指定的高度

2014-04-23 19:43:24

謝謝。工作...做了一個小調整。添加頂部：50％;將其垂直移動到中間位置，右側：0;右箭頭右鍵。 –

嗨@JoshRutherford它不能在OSX 10.9上的火狐工作:( –

@DeAn你是哪個版本的Firefox？這個演示http://codepen.io/the_ruther4d/full/2b94b97aa38713c00b1a2c89883b71e0/似乎是在爲我工作firefox 28.0 osx 10.9。 –

回答