Как прокрутить активный элемент DIV средствами JS внутри DIV с owerflow: auto?

origami1024, ну а ну да, просто если активный пункт изначально будет в видимой части, то его еще подвинет)))
просто каждый 6 элемент двигать на определенное количество px для отображения его в видимой части.
Да это наверное правильный вариант, тк. на сервере еще сложнее все реализовать(((
Спасибо большое, лайк!!

Как прокрутить активный элемент DIV средствами JS внутри DIV с owerflow: auto?

Варлам Ерофеич, да это для примера просто)) особо в детали не вдавался

Как прокрутить активный элемент DIV средствами JS внутри DIV с owerflow: auto?

origami1024, В принципе я думаю что можно какой то класс повесить .scroll-left , если данный пункт активный, и подвинуть его в сторону. Тогда при каждой перезагрузке JS проверит активный ли пункт, если да, то двигает его по указанным координатам влево (т.к. меню будет скрываться в правый бок) и наоборот.
Но честно я думаю это какой то велосипед.
Щас думаю на стороне сервера как сделать, типо если элемент активе, то пропускаем вывод с начала, по идее какая разница что 1 пунка не будет, зато будет последний. и т.д. в таком порядке. Но пока что то тяжело сотворить)

Как прокрутить активный элемент DIV средствами JS внутри DIV с owerflow: auto?

Варлам Ерофеич, это было так задумано, направление в какую сторону матать)

Как прокрутить активный элемент DIV средствами JS внутри DIV с owerflow: auto?

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

Как поместить видео с Ютуба на сайт?

Понятно, ну я так и думал что нужно картинку накладывать. Подумал может есть встроенный функционал)
Спасибо за ответ!!

Как выделить активный пункт Owl-Carousel 2.3.4???

Родион Мещеряков, не посмотрел сразу, спасибо вы меня очень выручили!!! Именно то что нужно!

Как выделить активный пункт Owl-Carousel 2.3.4???

Родион Мещеряков, карусель присваивает класс ACTIVE всем видимым элементам (items: 3 или 4
или 5), а мне нужно выделить тот слайд который был выбран ссылкой. Понятно что у него по умолчанию будет присвоен класс active каруселью, но если я например поменяю у него цвет, для выделения, данная стилизация сработает и на остальные (в моем случае 3) слайда. Следовательно нужно присвоить любой другой класс.

Как выделить активный пункт Owl-Carousel 2.3.4???

В вашем примере вы выделяете ссылку, а мне нужно выделить именно слайдер.

Как выделить активный пункт Owl-Carousel 2.3.4???

Дело в том что по заданию есть слайдер с товарами в одной секции страницы, и карусель с теми же товарами в другой секции страницы. У слайдера есть кнопка подробнее, с якорной ссылкой. При нажатии на неё страница скролит к секции где находится карусель, и отображает нужный товар.
Данный вариант более менее подходит для данной задачи. Все работает, кроме выделения активного пункта, и в документации нет ни чего по этому поводу.
Единственный вариант что пришёл в голову, это сравнивать data-hash=‘value’ ссылок с url (www.site.ru/product#value) и присваивать класс нужному Элементу, но кажется это какой то костыль.

Как выделить активный пункт Owl-Carousel 2.3.4???

Адель Халитов, ну я не такой знаток в этом моменте, что делают split и slice понимаю, а что вы написали не понимаю(((

Как добавить hover эффект при выборе URLhash в OWL Carousel 2?

Банально можете объяснить что не так делаю?

$(function() {
  
var owl = $('.owl-carousel');
  
    owl.owlCarousel({
      items:4,
      loop:true,
      center:false,
      margin:10,
      URLhashListener:true,
      autoplayHoverPause:true,
      startPosition: 'URLHash',
      onTranslate: test,
      onTranslated: test
    });
    
    function test() {
        console.log('Работает');
      };
    
});

Почему консоль лог не срабатывает????

Как сделать перенос блока во flexbox?

Ankhena, можно попробовать, спасибо!

Как сделать перенос блока во flexbox?

Ankhena, ну я уже начал над этим работать, что то типа

if ($("li.li-elem").size() > 10 && $("li.li-elem").size() < 20  ) {
	$('div.left-block').addClass("add-l");
	$('div.center-block').addClass("add-c");
	$('div.right-block').addClass("add-r");
}

Как сделать перенос блока во flexbox?

Что ни кто не подскажет в каком направлении двигаться??

Как сделать перенос блока во flexbox?

https://codepen.io/mfnik/pen/PVWjXw
Нужно что бы 1 колонка при добавлении в нее списков превышая колонку по высоте, расширялась перенося списки в право, при этом третья колонка должна перенестись на следующую строку.

Списки будут добавлятся из админки.

Что писать в ТЗ по внутренней документации?

Зря нельзя поставить минус. Не все такие умные как вы. Есть такое понятие ожидание и реальность, это когда в голове ты представляешь что то особенное, но не можешь и строчки написать об
Этом что представил. Вас просят прислать брифинг тз, что бы на его примере, хотя бы примерно сформулировать свои хотелки.

Ps. Автору топика советую свой опыт... начните писать с малого и своими словами, в плоть до точки которую вы хотите отобразить. И не стесняйтесь, помните что данный черновик для вас, а не для клиента. Просто хоть что то проще редактировать чем ни чего!!!

Как сегодня верстают такие бордеры?

Что означает &?

Чем отличается Promo Site от Landing Page?

Olek1, опять одел))))

Чем отличается Promo Site от Landing Page?

Olek1, снимаю шляпу)))