Javascript 水平滚动时水平浮动div-CSS/Jquery

我有一个数据表，它位于带有

溢出：滚动的div中

它大约有25列。我水平滚动以查看所有列。现在，我希望搜索栏在我滚动时与我一起滚动。真的不知道怎么解释：）让我们看看图片


瞧！滚动时，搜索div是固定的我想通过滚动使其流畅。如果可能，也可以使用分页div。

问题是怎么做？找过了，但什么也没找到。有可能用简单的css或者Jquery技巧来实现吗

哦!！如果您想查看div css

.hugewidth {
    overflow-x: scroll;
    overflow-y: hidden;
    width: 100%;
}

编辑：

以下是从Firebug捕获的
div
的代码。我不知道为什么这个div在JSFiddle中不可见。可能是版本问题

<div id="voucher_table_length" class="dataTables_length">
     <label>Show <select name="voucher_table_length" size="1" aria-controls="voucher_table"><option value="10">10</option><option value="25">25</option><option value="50" selected="selected">50</option><option value="100">100</option><option value="200">200</option><option value="-1">All</option></select> entries</label>
</div>


显示102550100200所有条目

你可以试试这样的东西

$('.scrollDiv').scroll(function(){
    console.log($("div").scrollLeft()+" px");  // scroll postion
   var scrollPostion = $("div").scrollLeft()+" px");
  // You can set your search box margin-left = xxpx ;
  // Do the logic 

})

将它移出表格，只滚动表格部分。它是由数据表插件创建的。我怎样才能把它挡在外面@_Greensorry先生我不知道这个插件。。你能发一封信吗？@格林先生不。。。。。。一切都坏了。我想要浮动的div被压缩了，其中的元素彼此接触。你必须稍微重新排列你的css，我只是举个例子