движущееся изображение вместе со свитком внутри TD или DIV

Question

У меня есть таблица высоты> 1000. У нее есть кнопки Prev и Next на первом и последнем TDs соответственно. Я хочу, чтобы кнопка Prev и Next была расположена посередине относительно экрана. Я не хочу использовать JQuery.

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

Legend : ## - Button 

Answer 1

Установить стиль для кнопок элементов:

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

Хотя кнопки не будет точно в середине (плюс половина высоты), должен выглядеть хорошо

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; 
}