Не работает скролл в slick-slider при условии tabindex="-1"

ЕСТЬ РЕШЕНИЕ ЗАКРЫТО
#1 2 апреля 2022 в 03:20

Немного разобравшийся со скриптом slick-slider, решил его оставить, но столкнулся с проблемой, что не работает прокрутка меню в профиле и группах при условии, когда подпункт содержит tabindex="-1". Подобное можно наблюдать и на демо сайте.
Например тут:
demo.instantcms.ru/users/fuze/activity
Может быть кто-то знает решение?

#2 2 апреля 2022 в 17:12

Не работает скрол меню при сжатии экрана?

#3 2 апреля 2022 в 20:31

Не работает скрол меню при сжатии экрана?

AlexLex

Всё верно. Было бы даже неплохо, если была бы возможность выставить значение 0, чтобы пункты было сразу видно, а не с того пункта, который активен

#4 3 апреля 2022 в 07:22

Для того, чтобы прокрутка работала везде, можно удалить закомментировать сроку \modern\js\core.js строка 128

  1. {breakpoint: 1024, settings: "unslick"},

Я не знаю как это повлияет на другие места, т.к. никогда этот шаблон не использовал, надо проверять тогда всё, где используется Slick, потому что многие работают через переменную selector в одну функцию.
Можно пойти по другому и сразу в файлах профиля и панели прописать свои брейкпоинты и убрать иницализацию активного пункта:
\modern\controllers\users\profile_header.tpl.php  изменить всё что между <script></script> стр 143

  1. icms.menu.initSwipe('.icms-profile__tabs', {
  2. variableWidth: true,
  3. responsive: [
  4. {breakpoint: 650, settings: {slidesToShow: 3, slidesToScroll: 3}},
  5. {breakpoint: 320, settings: {slidesToShow: 2, slidesToScroll:2}}
  6.  
  7. ]
  8. });

и \modern\assets\ui\datasets-panel.tpl.php стр 43

  1. if(typeof dsslick === 'undefined'){
  2. var dsslick = icms.menu.initSwipe('.dataset-pills', {
  3. variableWidth: true,
  4. responsive: [
  5. {breakpoint: 650, settings: {slidesToShow: 3, slidesToScroll: 3}},
  6. {breakpoint: 320, settings: {slidesToShow: 2, slidesToScroll:2}}
  7.  
  8. ]
  9.  
  10. });
  11. }

Еще бы добавил кастомные стрелки

  1. arrows: true,
  2. prevArrow: '<div class="arrow-left__custom"></div>',
  3. nextArrow: '<div class="arrow-right__custom"></div>',

и выводил в медиазапросе для мобильного как по типу всяких скоролов Додо Пицца. Можно скрывать первый в первом пункте скрола и последний на последнем пункте (добавляется класс slick-disabled)

#5 3 апреля 2022 в 15:09

С этим как раз таки разобрался, вопрос в другом, то что скролл не работает именно тогда, когда скрипт активен

#6 3 апреля 2022 в 17:35

swipeToSlide:true,

#7 3 апреля 2022 в 20:49

 AlexLex, благодарю, странно что это не включено по умолчанию.
Ещё такой вопрос, а как сделать так, чтобы слайдер меню не пролистывался до активной вкладки, а отображался с первого пункта меню.

Изображение

Изображение
#8 4 апреля 2022 в 03:19

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

hard990

Так я же написал как. Смотри выше

Можно пойти по другому и сразу в файлах профиля и панели прописать свои брейкпоинты и убрать иницализацию активного пункта:

AlexLex

и всё что ниже

#9 4 апреля 2022 в 19:23

 AlexLex, действительно. Не заметил initialSlide в коде. Спасибо

Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.