【问题标题】:jquery tablesorter scroller heightjquery tablesorter 滚动条高度
【发布时间】:2016-03-26 18:09:49
【问题描述】:

我正在尝试为 tablesorter 滚动设置动态高度。

总体思路如下:我的表将使用不同的设备、笔记本电脑、手机和平板电脑浏览;我可以设置滚动条的初始值(即 scroller_height : 500 ),但我想根据屏幕分辨率和屏幕方向动态设置此值。 我的意思是:如果我从笔记本电脑 (1366 x 768) 浏览表格,我想要 scroller_height : 500,如果使用桌面显示器 (1920 x 1080) 浏览我的表格,我想要一个 scroller_height : 600。 此外,我可以用平板电脑以横向或纵向模式浏览该表;在方向改变的情况下,表格宽度会自动调整以适应“改变”的宽度:我希望高度具有相同的行为。 IE。笔记本电脑 res 1280 x 800:如果我以横向浏览表格,我想要 scroller_height:500,如果我旋转设备,我想将高度调整为(例如)scroller_height:800。 一般来说,我想:

  • 动态检索屏幕尺寸
  • 根据检索到的屏幕尺寸调整滚动条高度(以及表格高度)
  • 捕捉方向改变事件
  • 根据新方向修改滚动条高度(以及表格高度)。

理论上我已经很清楚了。实际上我不知道。

有什么想法吗?

【问题讨论】:

    标签: javascript height tablesorter scroller


    【解决方案1】:

    在最新版本中,如果您将scroller_height option 设置为零或空字符串,则滚动条将设置为全高。然后您需要做的就是添加一个 CSS 媒体查询来设置所需的max-height

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-06-14
      • 2012-05-20
      • 2018-11-21
      • 1970-01-01
      • 2021-11-25
      • 2011-10-19
      相关资源
      最近更新 更多