在水平滚动时水平浮动 div - CSS / Jquery答案

【问题标题】：Float div horizontally while scrolling horizontally - CSS / Jquery在水平滚动时水平浮动 div - CSS / Jquery
【发布时间】：2014-02-19 05:42:58
【问题描述】：

我有一个 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

【问题讨论】：

把它放在表格之外，只滚动表格部分。
由数据表插件创建。我怎样才能把它挡在外面？ @Mr_Green
对不起，我不知道这个插件。你能发一个fiddle吗？
@Mr_Green jsfiddle.net/4x4qL

标签： javascript jquery css datatable

【解决方案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 

})

【讨论】：

不……一切都在崩溃。我想浮动的 div 被挤压，其中的元素相互接触。
你必须重新排列你的css，我只是举个例子