javascript - 即使窗口很小，也要在表格底部显示按钮

Question

我有一个表格排序器 html 页面，示例是 here .

$('table').tablesorter({
    theme: 'blue',
    widgets: ['zebra', 'scroller'],
    widgetOptions: {
        scroller_height: 400
    }
});

即使窗口高度很小(比如说，只能显示一两行)，我怎样才能使底部按钮可见？理想情况下 scroller_height 可以是某种类型，如 $(window).height()/2 并且它可以在调整窗口大小时自动更新。预期的是，即使窗口很小，底部按钮也会出现在屏幕上而没有滚动 Action 。

Answer 1

如果想让scroller窗口动态调整高度，main wiki page上有两个demo在小部件 > 滚动条下。

• http://jsfiddle.net/Mottie/txLp4xuk/2/
• http://jsfiddle.net/Mottie/abkNM/8037/

本质上，你需要做的就是调整外滚动窗口的高度

$('.tablesorter-scroller-table').css({
  height: '',
  'max-height': height + 'px'
});

Here is the demo you shared已更新，最小高度设置为 100 像素。