移动图像以及TD或DIV内的滚动

Question

我有一张高度表＆gt; 1000.它分别在第一个和最后一个TD上有Prev和Next按钮。我希望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;
}