0

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

http://jsfiddle.net/bz2C4/11/

$(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' : '');
                });
    });
4

1 回答 1

0

基本问题与css相关。DIV当 position 未设置为absolute或时，像这样的块元素将自动填充所有可用宽度fixed。一旦你使用了这些位置之一，如果它对你的布局很重要，你需要定义宽度。

我建议您切换一个具有所有固定位置和宽度规则的类，而不是position使用方法设置内联css()。尝试使用width:100%

于 2013-04-03T00:13:14.803 回答