移動圖像以及TD或DIV中的滾動

Question

我有一個高度> 1000的表格。它在第一個和最後一個TD上分別具有Prev和Next按鈕。我希望Prev和Next按鈕相對於屏幕位於中間。我不想使用JQuery。

 
TABLE - 
_________________________________________ 
|  |      |  | 
| TD1 |   TD2   | TD3 | 
|  |      |  | 
|  |      |  | 
|--------|---------------------|--------|----------------------------- 
|  |      |  |    _ 
|  |      |  |    | 
|  |      |  |    | 
|  |      |  |    | 
| ## |      | ## |  Screen view now 
|  |      |  |    | 
|  |      |  |    | 
|  |      |  |    | 
|  |      |  |    _ 
|--------|---------------------|--------|----------------------------- 
|  |      |  | 
|  |      |  | 
|  |      |  | 
|  |      |  | 
----------------------------------------- 

Legend : ## - Button 

Answer 1

的按鈕元素設置樣式：

.button { 
    position: fixed; 
    top: 50%; 
} 

雖然按鈕不會完全在中間（加上高度的一半），應該OK

Answer 2

嘗試使用CSS。給每個按鈕一個班，並調整他們的利潤率。例如：

HTML

<div class="btnNext"> button info goes here </div> 
<div class="btnPrev"> button info goes here </div> 

CSS

.btnNext 
{ 
    margin-left: auto; 
    margin-right: auto; 
    position: fixed; 
bottom: 0px; 
} 

.btnPrev 
{ 
    margin-left: auto; 
    margin-right: auto; 
    position: fixed; 
    bottom: 0px; 
}