jQuery-垂直浮动DIV

问题描述

| 我有一个具有三列布局的应用程序，其中的内容从左列到右列（当然，还有后退）来回移动。在这两者之间，有一个“命令菜单”-您可以基于等等来做。 这是交易-可以在其上执行操作的左侧项目垂直排列。我想使命令菜单跟随鼠标（垂直，但在其列内），以便在选择要执行的操作时，菜单垂直对齐。 我完全（最好是？）愿意用jQuery做到这一点，但是我的尝试失败了。 这是当前的标记：

<table class=\"stuff_area\">
    <tr>
        <td id=\"stuff_left\">
            <div class=\"shipmentList\">
                <asp:Literal ID=\"ltrShipments\" runat=\"server\"></asp:Literal>
            </div>
        </td>
        <td id=\"stuff_controls\" class=\"stuff_area_input\">
            <div id=\"follower\">
                <input id=\"btnAll\" type=\"button\" value=\"All\" /><br/>
                <input id=\"btnNone\" type=\"button\" value=\"None\" /><br />
                <input id=\"btnStuff\" type=\"button\" value=\">>\" /><br />
            </div>
        </td>
        <td id=\"stuff_right\"></td>
    </tr>
</table>

我对使class =“ follower \”的div向下浮动特别感兴趣。 FWIW，我无法获得任何运动，因此很有可能让我进行一些垂直运动（我希望将其运动限制为向上/向下）可以赢得胜利。 有想法吗？     

解决方法

        

  $(function() {
    $(\".stuff_area td\").mouseenter( function( event ) {
      $(\"#follower\").offset({ top: $(this).offset().top });
    } );
  });

偏移量方法应该做您想要的。我假设您的服务器控件创建了一个表，所以如果没有，则用更合适的选择器替换

.stuff_area td

。