導航箭頭始終可見滾動

Question

所以我有一個網站，其中的內容是在幻燈片上。

導航箭頭始終位於幻燈片的50％高度。會發生什麼事，當滑塊很大時，很難導航就會拋出滑塊。

你可以在這裏查詢網站：

http://tentzone.pt/

的問題是4號的幻燈片。我能做什麼，所以當我滾動時箭頭始終可見？

哪裏箭當前CSS：

.content .nav { 
    width: 40px; 
    height: 100px; 
    margin: 5px; 
    cursor: pointer; 
    position: absolute; 
    top: 50%; 
    margin-top: -50px; 
    right: 0; 
    z-index: 3; 
    background: url(../img/navigation.png) no-repeat 0 0 transparent; 
    opacity: 0.5; 
    cursor: pointer; 
} 
.content .nav:hover { 
    opacity: 1; 
} 
.content .nav.prev { 
    left: 0; 
    right: none; 
} 
.content .nav.next { 
    background-position: 100% 0; 
} 

Answer 1

變化position到fixed

.content .nav { 
    width: 40px; 
    height: 100px; 
    margin: 5px; 
    cursor: pointer; 
    position: fixed; 
    top: 50%; 
    margin-top: -50px; 
    right: 18%; 
    z-index: 3; 
    background: url(../img/navigation.png) no-repeat 0 0 transparent; 
    opacity: 0.5; 
    cursor: pointer; 
} 
.content .nav:hover { 
    opacity: 1; 
} 
.content .nav.prev { 
    left: 18%; 
    right: none; 
}