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

Question

我有一个高度 > 1000 的表格。它分别在第一个和最后一个 TD 上有 Prev 和 Next 按钮。我希望 Prev 和 Next 按钮相对于屏幕位于中间。我不想使用 JQuery。

桌子 -
________________________________________
| | | |
| TD1 | TD2 | TD3 |
| | | |
| | | |
|--------|---------|--------|--------- --------------------
| | | | _
| | | | |
| | | | |
| | | | |
| ## | | ## | 现在的屏幕视图
| | | | |
| | | | |
| | | | |
| | | | _
|--------|---------|--------|--------- --------------------
| | | |
| | | |
| | | |
| | | |
-----------------------------------------

图例：## - 按钮

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