Перейти к содержимому

MOAB

- - - - -

Готовый скрипт по перемещению вертикальных колонок


  • Войдите, чтобы ответить
Сообщений в теме: 4

#1 protector

protector

    Почетный

  • Основатель
  • PipPipPipPipPip
  • 3 616 сообщений
2 216
  • ИзСанкт-Петербурга

Отправлено 26 Ноябрь 2020 - 16:53

Есть таблица из строк и колонок в html. Нужно добавить стрелочки и возможность листать вправо-влево, как слайдер. Проблема, что нужно первую колонку зафиксировать, а остальные (ячейки <td> из всего столбца) перемещать.

Где можно найти готовый скрипт на jquery?

Нашел только, что можно мышкой переносить колонки

#2 c4e8ece0

c4e8ece0

    Ниггер на лошади

  • Участник
  • PipPipPipPipPip
  • 5 271 сообщений
6 788
  • Изцирка

Отправлено 26 Ноябрь 2020 - 21:44

это делается через css, за исключением кнопок
что-то такое https://jsfiddle.net/qwubvg9m/1/
"Они не могут ничего, у них лапки котят"

#3 protector

protector

    Почетный

  • Основатель
  • PipPipPipPipPip
  • 3 616 сообщений
2 216
  • ИзСанкт-Петербурга

TC Отправлено 27 Ноябрь 2020 - 10:14

c4e8ece0, И как менять положение колонок? Допустим кликнул я на кнопку, первая колонка остается на месте, а вместо второй - третья.
Какой стиль нужно изменить?

Вчера я написал собственный скрипт (идею взял у яндекс.маркета). По клику я всей таблице прописываю
transform: translateX(-100px);
При этом для каждой ячейки первого столбца пишу обратную величину
 transform: translateX(100px);
Вроде работает


Но вашу идею не понял.. а интересно

#4 KaSH

KaSH

    Инструктор по счастью

  • Основатель
  • PipPipPipPip
  • 1 353 сообщений
2 433
  • Изморя и с гор

Отправлено 27 Ноябрь 2020 - 12:06

Можно у таблицы попробовать задать tr td:first-child position:absolute (или fixed) , выставить фиксированную ширину, а для всей таблицы сделать owerflow-x: scroll
Или что-то типа того.
Серьезные сайты размещаю на VPS, простые в SprintHost и в TimeWeb. Старые, более ненужные мне сайты я продаю на Телдери. Бухгалтерию и отчеты в налоговую за меня делает Эльба.

#5 protector

protector

    Почетный

  • Основатель
  • PipPipPipPipPip
  • 3 616 сообщений
2 216
  • ИзСанкт-Петербурга

TC Отправлено 27 Ноябрь 2020 - 12:38

Просмотр сообщенияKaSH (27 Ноябрь 2020 - 12:06) писал:

а для всей таблицы сделать owerflow-x: scroll
Так и было сделано. Но это неудобно. Прокрутка в некоторых браузерах - это тонкая полоска которая находится в низу блока. Её плохо видно и находится в низу, а не сверху. Поэтому и решил переделать.

Если у первой ячейки писать position:absolute, то она будет уже вне таблицы. То есть вторая ячейка будет на месте первой, а первая будет сверху. А также высоты строк будут нарушены.



Похожие темы


Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных



© 2021 SMO&SEO форум «WEBIMHO» — продвижение и создание сайтов, интернет-маркетинг

По вопросам рекламы на форуме и цены на рекламу
Все материалы SEO форума разрешены к копированию только с установкой гиперактивной ссылки на webimho.ru,
тем, кто этого не сделает, мы оторвем руки и ноги и поменяем местами,
а когда выйдем из тюрьмы, опять оторвем и опять поменяем.


Россия, г. Москва
  • Top.Mail.Ru

Мы в соцсетях: twitter | вконтакте | facebook | livejournal