html - How do I position a left scrollbar on a tbody element of a table for Google Chrome? -
i have looked issue , can not find solution. web site rtl site scrollbars on left. have seen hacks can done except need it.
the tbody element of table needs scroll down without header row disappearing. can scrollbar on right hand side of tbody have no idea how move left.
any ideas how tbody's scrollbar on left hand side appreciated.
i lucky has work on google chrome.
it can't changed css. example, there browsers (iphone, android) don't have scroll bars. scroll bar position depends entirely on user's system, not web page.
you can use javascript imitate want. make draggable scroll bar replacement, place on left, , adjust hidden overflow according while user drags "scrollbar".
try googling "jquery scrollbar" or "javascript scrollbar".
here's interesting alternative scrolling... dragging (similar how drag maps in google maps): http://plugins.jquery.com/project/mapscroller
and yet alternative, here's script calculates width of users scroll bar: http://plugins.jquery.com/project/ba-jquery-scrollbarwidth-plugin can calculate width, hide scroll bar overflow:hidden add div on left same height box want scroll , same width user's scrollbar, write script scrolls right box same position 1 on left, imitating built in system scrollbars.
there's endless possibilities, use google find need , creative. ;)
but, think you're looking for: http://baijs.nl/tinyscrollbar/ can see in examples, scrollbar made of elements. can position them on left if you'd like.
perhaps that, along this: http://plugins.jquery.com/project/tbodyscroll need. ;)
check out, here's working example: http://jsfiddle.net/trusktr/xqsxj/
i'll update work table own exercise. ;)
often times find partial solutions , need improvise come complete , unique solution. :) luck.
Comments
Post a Comment