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