jquery tablesorter 滚动条高度
jquery tablesorter scroller height
我正在尝试为 tablesorter scroll 设置一个动态高度。
总体思路如下:我的 table 将使用不同的设备、笔记本电脑、手机和 tablets 进行浏览;我可以设置滚动条的初始值(即 scroller_height : 500 ),但我想根据屏幕分辨率和屏幕方向动态设置此值。
我的意思是:如果我从我的笔记本电脑 (1366 x 768) 浏览 table 我想要 scroller_height : 500,如果我用桌面显示器 (1920 x 1080) 浏览我的 table ) 我想要一个 scroller_height : 600。
此外,我可以在横向或纵向模式下使用 tablet 浏览 table;在方向改变的情况下,table 宽度会自动调整以适应 "changed" 宽度:我希望高度具有相同的行为。
IE。笔记本电脑 res 1280 x 800:如果我横向浏览 table,我希望 scroller_height:500,如果我旋转设备,我想将高度调整为(例如)scroller_height:800。
总的来说,我想:
- 动态检索屏幕尺寸
- 根据检索到的屏幕尺寸调整滚动条高度(以及 table 高度)
- 捕捉方向改变事件
- 根据新方向修改滚动条高度(以及 table 高度)。
理论上我都清楚了。实际上我不知道。
有什么想法吗?
在最新版本中,如果您将 scroller_height
option 设置为零或空字符串,滚动条将设置为全高。然后你需要做的就是添加一个 css 媒体查询来设置所需的 max-height
.
我正在尝试为 tablesorter scroll 设置一个动态高度。
总体思路如下:我的 table 将使用不同的设备、笔记本电脑、手机和 tablets 进行浏览;我可以设置滚动条的初始值(即 scroller_height : 500 ),但我想根据屏幕分辨率和屏幕方向动态设置此值。 我的意思是:如果我从我的笔记本电脑 (1366 x 768) 浏览 table 我想要 scroller_height : 500,如果我用桌面显示器 (1920 x 1080) 浏览我的 table ) 我想要一个 scroller_height : 600。 此外,我可以在横向或纵向模式下使用 tablet 浏览 table;在方向改变的情况下,table 宽度会自动调整以适应 "changed" 宽度:我希望高度具有相同的行为。 IE。笔记本电脑 res 1280 x 800:如果我横向浏览 table,我希望 scroller_height:500,如果我旋转设备,我想将高度调整为(例如)scroller_height:800。 总的来说,我想:
- 动态检索屏幕尺寸
- 根据检索到的屏幕尺寸调整滚动条高度(以及 table 高度)
- 捕捉方向改变事件
- 根据新方向修改滚动条高度(以及 table 高度)。
理论上我都清楚了。实际上我不知道。
有什么想法吗?
在最新版本中,如果您将 scroller_height
option 设置为零或空字符串,滚动条将设置为全高。然后你需要做的就是添加一个 css 媒体查询来设置所需的 max-height
.