当您缩小浏览器窗口时,您会看到不同的布局.... 当您向下滚动时,搜索文本框会上升并且它没有固定,所以它不可见...... 向下滚动时如何使搜索文本框固定.... 我使用了另一个示例中的代码,但问题是当我用我的新代码实现时它不起作用.... 我正在尝试使用数据表搜索框.... 不知道我的代码有什么问题....
$(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' : '');
});
});
最佳答案
基本问题与 css 相关。当 position 未设置为 absolute
或 fixed
时,DIV
等 block 元素将自动填充所有可用宽度。使用这些位置之一后,如果它对您的布局很重要,则需要定义宽度。
我建议您切换一个具有所有固定位置和宽度规则的类,而不是将 position
设置为与 css()
方法内联。尝试使用 width:100%
关于javascript - 固定标题的文本框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15776546/