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

Question

我的 DataTable 位于包含overflow: scroll

的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>

JSFiddle

Answer 1

您可以尝试这样的事情

$('.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 

})