6 html google-chrome html-table scrollbar css3
我已经调查过这个问题但无法找到解决方案.该网站是一个RTL网站,所以我想要左侧的滚动条.我已经看到了一些可以完成这项任务的黑客,除非我真的需要它.
表的Tbody元素需要向下滚动而标题行不会消失.我可以在tbody的右侧获得滚动条,但不知道如何将其移动到左侧.
任何想法如何在左侧获得TBody的滚动条将非常感激.
我很幸运,它只能在Google Chrome上运行.
它不能用 CSS 更改。例如,有些浏览器(iPhone、Android)没有滚动条。滚动条的位置完全取决于用户的系统,而不是网页。
你可以使用Javascript来模仿你想要的东西。制作一个可拖动的滚动条替换,将其放置在左侧,并根据用户拖动“滚动条”时调整隐藏的溢出。
尝试用谷歌搜索“jquery滚动条”或“javascript滚动条”。
这是滚动的一个有趣的替代方法...拖动(类似于在谷歌地图中拖动地图的方式): http://plugins.jquery.com/project/MapScroller
还有另一种选择,这里有一个计算用户滚动条宽度的脚本: http://plugins.jquery.com/project/ba-jquery-scrollbarwidth-plugin 您可以计算宽度,然后隐藏滚动条并溢出:hidden 然后在左侧添加一个 div,其高度与要滚动的框相同,宽度与用户的滚动条相同,然后编写一个脚本,将右侧框滚动到与左侧框相同的位置,从而模仿构建在系统滚动条中。
有无限的可能性,只需使用谷歌找到您需要的东西并发挥创意。;)
但是,我认为这正是您正在寻找的: http://baijs.nl/tinyscrollbar/ 正如您在示例中看到的,滚动条由元素组成。如果您愿意,可以将它们放置在左侧。
也许,连同这个: http: //plugins.jquery.com/project/tbodyscroll 正是您所需要的。;)
看看这个,这是一个工作示例: http ://jsfiddle.net/trusktr/xQSxJ/
我很快就会更新它,以便使用一张桌子供我自己练习。;)
通常,您只能找到部分解决方案,并且需要即兴发挥才能提出完整且独特的解决方案。:) 祝你好运。