Как разместить левую полосу прокрутки на элементе таблицы в Google Chrome?

Question

Я изучил эту проблему и не могу найти решение. Веб-сайт является RTL-сайтом, поэтому я хотел бы, чтобы полосы прокрутки были слева. Я видел несколько хаков, которые могут это сделать, кроме тех случаев, когда мне это действительно нужно.

Элемент Tbody таблицы должен прокручиваться вниз без исчезновения строки заголовка. Я могу получить полосу прокрутки на правой стороне тела, но не знаю, как переместить ее влево.

Будем очень благодарны за любые идеи, как получить полосу прокрутки TBody с левой стороны.

Мне повезло, что он работает только в Google Chrome.

Answer 1

Как уже упоминалось ранее. Это не проблема CSS, однако вы можете, как сказал trusktr, создать полосу прокрутки cavom javascript. По сути, вы настроили что-то вроде этого.

<div id="frame">
 <div id="scrollbar">
  Actual scrollbar
 </div>
 <div id="content">
  Content here
 </div>
</div>
<style>
 #frame {
 height: 400px;
 overflow: hidden;
}
</style>

Затем вы создаете перетаскиваемый объект внутри полосы прокрутки, положение которого меняет относительное положение содержимого внутри фрейма.

Answer 2

Для CSS используйте «direction: rtl;», однако результаты могут отличаться в разных браузерах.

Answer 3

Его нельзя изменить с помощью CSS.Например, есть браузеры (iPhone, ANdroid), у которых нет полос прокрутки.Положение полосы прокрутки полностью зависит от системы пользователя, а не от веб-страницы.

Вы можете использовать Javascript для имитации того, что вы хотите.Сделайте замену перетаскиваемой полосы прокрутки, поместите ее слева и отрегулируйте скрытое переполнение в соответствии с тем, как пользователь перетаскивает «полосу прокрутки».

Попробуйте поискать «jquery scrollbar» или «javascript scrollbar».

Вот интересная альтернатива прокрутке ... Перетаскивание (аналогично тому, как вы перетаскиваете карты в Google Maps): http://plugins.jquery.com/project/MapScroller

И еще одна альтернатива, вот скрипт, который вычисляет ширину пользователейполоса прокрутки: http://plugins.jquery.com/project/ba-jquery-scrollbarwidth-plugin Вы можете вычислить ширину, затем скрыть полосу прокрутки с переполнением: скрытый, затем добавить div слева с такой же высотой, как поле, которое вы хотите прокрутить, и той же шириной, что и полоса прокрутки пользователя, затемНапишите скрипт, который прокручивает правую рамку в ту же позицию, что и левая, имитируя встроенные системные полосы прокрутки.

Возможности бесконечны, просто используйте Google, чтобы найти то, что вам нужно, и проявить творческий подход.;)

Но, я думаю, это именно то, что вы ищете: http://baijs.nl/tinyscrollbar/ Как видно из примеров, полоса прокрутки состоит из элементов.Вы можете расположить их слева, если хотите.

Возможно, что вместе с этим: http://plugins.jquery.com/project/tbodyscroll - это именно то, что вам нужно.;)

Проверьте это, вот рабочий пример: http://jsfiddle.net/trusktr/xQSxJ/

Я скоро обновлю его, чтобы работать со столом только для моих собственных упражнений.;)

Часто вы найдете только частичные решения, и вам придется импровизировать, чтобы найти полное и уникальное решение.:) Удачи.