Jump to content

не классическое положение скроллбара (scrollbar)


Pepel
 Share

Recommended Posts

Доброго времени суток!

не знаю кому как, но по-моему задачки не тривиальны:

- можно ли переместить горизонтальный скроллбар блочного элемента снизу - наверх, - в середину этого элемента?

- можно ли создать дополнительный горизонтальный скроллбар блочного элемента - сверху, - в середине этого элемента?

нашел как сравнительно легко перемещать скроллбар справа налево, а вот снизу вверх...

Заранее спасибо за ответы.

Link to comment
Share on other sites

Задачка тривиальна, надо только совсем чуть-чуть подумать головой...

Ответ: всё что перечислено - можно.

вот в этом-то вся и загвоздка, нне могу додумать как это все организовать (

интернет тоже пока не помогает...

если знаешь решения - подскажи плиз

Link to comment
Share on other sites

Делаешь ещё один блочный элемент такой же ширины (если нужен гор-й скроллбар) и высотой например 15px (чтобы только скроллбар поместился. В него добавляешь ещё див, но шириной = ширине контента того дива, который будем скроллить. В итоге в новом диве появляется скроллбар, который скроллит ЭТОТ (а нам нужно старый) див на нужные расстояния. Даллее делаем старому диву overflow:hidden; и у него пропадает скроллбар. Далее назначаем на onscroll новогму диву функцию:

div.onscroll = function(){old_div.scrollLeft = this.scrollLeft}

Теперь новый див (вактически - скроллбар) можно спозиционировать хоть свеху, хоть посередине, хоть вообще в другом месте страницы.

То же самое и с вертикальным скроллом.

Link to comment
Share on other sites

  • 2 weeks later...

большое спасибо за совет, все работает как часы, но только вот один момент:

В него добавляешь ещё див, но шириной = ширине контента того дива, который будем скроллить. В итоге в новом диве появляется скроллбар, который скроллит ЭТОТ (а нам нужно старый) див на нужные расстояния.

в моем случае "ширина контента того дива, который будем скроллить" может быть каждый раз разной (там у меня таблица, количество столбцов в которой постоянно меняется), есть, конечно, возможность в php скрипте, где формируется таблица, подсчитывать ее ширину, но там без погрешности не получится, может есть еще варианты как сделать это покрасивше?

Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy