Javascript HTML：自动滚动合并表

我得到了一张表格，第一行被合并并显示一幅图像：

<> P>当页面向下滚动时，如何使图像自动旋转，以便图像始终位于可见（？）表的中间？

形象
C
C
C
C
C
C
C
C
C
C
C
C
C
C
C
C
C
C
C

使用Jquery函数scrollTop（）并处理on scroll事件请参见：

$（函数（$）{
var image=$（'.follow scroll'）；
var originalPosition=image.offset（）.top；
//元素和屏幕顶部之间的空间（滚动时）
var-topSpace=15；
//可能应该在CSS中设置；但这里只是为了强调
css（'position'，'relative'）；
$（窗口）.on（'scroll'，函数（事件）{
var scrollTop=$（窗口）.scrollTop（）；
图像。停止（假，假）。设置动画({
顶部：滚动顶部<原始位置？0：滚动顶部-原始位置+顶部空间
}, 300);
});
});

---

更新了

你所说的“在可见（！）表格的中间”到底是什么意思？谢谢你这么做，但有一个问题，图像“覆盖”了表格，因此如果你再向下滚动，图像就在表格之外。你知道我如何解决这个问题吗？非常感谢！！限制变量中的“-85”是图像的大小+边距？

    <table>
  <tr>
    <th rowspan="10">Image</th>
    <th>c</th>
    <th>c</th>
  </tr>
  <tr>
    <td>c</td>
    <td>c</td>
  </tr>
  <tr>
    <td>c</td>
    <td>c</td>
  </tr>
  <tr>
    <td>c</td>
    <td>c</td>
  </tr>
  <tr>
    <td>c</td>
    <td>c</td>
  </tr>
  <tr>
    <td>c</td>
    <td>c</td>
  </tr>
  <tr>
    <td>c</td>
    <td>c</td>
  </tr>
  <tr>
    <td>c</td>
    <td>c</td>
  </tr>
  <tr>
    <td>c</td>
    <td>c</td>
  </tr>
  <tr>
    <td>c</td>
    <td></td>
  </tr>
</table>

$(function($) {
    var image = $('.follow-scroll');
    var originalPosition = image.offset().top;

    // Space between element and top of screen (when scrolling)
    var topSpace = 15;

    // Should probably be set in CSS; but here just for emphasis
    image.css('position', 'relative');

    $(window).on('scroll', function(event) {
        var scrollTop = $(window).scrollTop();

        image.stop(false, false).animate({
            top: scrollTop < originalPosition ? 0: scrollTop - originalPosition + topSpace
        }, 300);
    });
});