Javascript 文本框的固定标题

缩小浏览器窗口时，您将看到不同的布局。。。。当你向下滚动时，搜索文本框会向上移动，并且它不是固定的，因此它不可见。。。如何使搜索文本框在向下滚动时固定。。。。我使用了另一个示例中的代码，但问题是当我使用新代码实现时，它不起作用。。。。我正在尝试使用数据表搜索框。。。。不知道我的代码出了什么问题

---

它似乎对我有用——Mac中的Firefox。当我滚动时，框会附着到窗口顶部。它缺少一些背景，因此页面内容可以显示出来，但它似乎可以满足您的需要。这是您遇到问题的代码吗？如果您希望得到可靠的答案，请尝试清理您的小提琴并将其减少到最低限度，以演示问题。此外，我还建议您研究css定位，而不是javascript解决方案。我从未使用过datatables，所以我帮不了您多少忙。我看到的是，当您调整窗口大小时，CSS

@media

规则会更改表格布局，以使元素适应小屏幕。对于与搜索框有关的内容，我认为您应该在datatable的js代码中搜索附加到该元素的

滚动

事件，该事件将位置从

静态

更改为

固定

。我想这是你的搜索框问题。

$(function() {
        var search = $('.dataTables_filter').detach();
        $('.page-title').before(search);
        search.css('margin-left','0');

        var div = $('.dataTables_filter');
                var start = $(div).offset().top;

                $.event.add(window, "scroll", function() {
                    var p = $(window).scrollTop();
                    $(div).css('position', ((p) > start) ? 'fixed' : 'static');
                    $(div).css('top', ((p) > start) ? '0px' : '');
                });
    });