Как сделать скролл текста в div?

Question

[Yevhenii K]

Добрый день! Хочу сделать фильтр как здесь для моб. устройств.
На данный момент моих знаний хватило только на это codepen.io/AFI/pen/YqdvLo
Подскажите,
1. Как сделать, что бы категории скролились внутри блока?
2. Как сделать, при открытии категории вложеный список сдвигал соседние категории и занимал столько места сколько ему нужно и позволяет размер экрана?
3. Как узнать размер экрана через JS отнять от него x пикселей и присвоить это значение блоку?

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

Answer 1

[Максим Тимофеев]

подтяните JS, например на базе jquery, иначе вопросов будет только больше. Начните с поиска в google "jquery как получить размер экрана" - это по пункту 3
пункт 1 - учите css, а именно overflow www.w3schools.com/csSref/pr_pos_overflow.asp
пунтк 2 - не совсем понял, но думаю что вам надо ловить клик, добавлять class и в css прописывать ему все что хотите, в частности width:100%;

Comments

[Yevhenii K]

пункт 1 - Спасибо, здесь я ступил.
Пункт-2 лучше смотреть в примере

[Максим Тимофеев]

Женя К: Смотрю на Ваш пример и не понимаю пункт 2. "сдвигал соседние категории" -куда? Вниз? Так он их и сдвигает.