Необходимо сделать прокручиваемый список кнопок в левой части экрана. Но прокрутка в детском дивиате, даже навязанная переполнением: Свиток не работает. Читайте об удалении переполнения от родительских объектов, но без успеха. Слева только родительский объект для тела для упрощения фрагментов кода ниже < /p>
base.html
{% block content %}
{% endblock %}
< /code>
cities.html
{% extends "base.html" %}
{% block content %}
{% for city in cities %}
{% csrf_token %}
{{ city.name }}
{% endfor %}
Censored...
Censored...
{% endblock %}
< /code>
css < /p>
@import url(//fonts.googleapis.com/css?family=Muli);
body {
margin:0;
padding:0;
/* with overflow hidden main scrollbar not shown, but forced scrollbar in child div not working and the data is cut
with value auto scroll shown for whole content, remainin not working for child div */
overflow: auto;
font-family:helvetica, sans-serif;
}
.scrollbox
{
min-height: 90vh;
border: 2px solid; /* for being sure, that no syntax errors in names, etc - border shown - OK */
float: left;
overflow-y: scroll;
}
< /code>
Есть идеи? Приведенный выше код легко повторить с любой моделью с достаточным количеством данных, если заинтересовано, IMHO. Пытался сделать это как можно более простым - я надеюсь, что это было сделано успешным. Внизу div с переполнением родителей: Auto ниже.
Подробнее здесь: https://stackoverflow.com/questions/797 ... of-buttons
Как сделать прокручиваемый список кнопок ⇐ Html
Программисты Html
1757401407
Anonymous
Необходимо сделать прокручиваемый список кнопок в левой части экрана. Но прокрутка в детском дивиате, даже навязанная переполнением: Свиток не работает. Читайте об удалении переполнения от родительских объектов, но без успеха. Слева только родительский объект для тела для упрощения фрагментов кода ниже < /p>
base.html
{% block content %}
{% endblock %}
< /code>
cities.html
{% extends "base.html" %}
{% block content %}
{% for city in cities %}
{% csrf_token %}
{{ city.name }}
{% endfor %}
Censored...
Censored...
{% endblock %}
< /code>
css < /p>
@import url(//fonts.googleapis.com/css?family=Muli);
body {
margin:0;
padding:0;
/* with overflow hidden main scrollbar not shown, but forced scrollbar in child div not working and the data is cut
with value auto scroll shown for whole content, remainin not working for child div */
overflow: auto;
font-family:helvetica, sans-serif;
}
.scrollbox
{
min-height: 90vh;
border: 2px solid; /* for being sure, that no syntax errors in names, etc - border shown - OK */
float: left;
overflow-y: scroll;
}
< /code>
Есть идеи? Приведенный выше код легко повторить с любой моделью с достаточным количеством данных, если заинтересовано, IMHO. Пытался сделать это как можно более простым - я надеюсь, что это было сделано успешным. Внизу div с переполнением родителей: Auto ниже.
Подробнее здесь: [url]https://stackoverflow.com/questions/79723291/how-to-make-scrollable-list-of-buttons[/url]
Ответить
1 сообщение
• Страница 1 из 1
Перейти
- Кемерово-IT
- ↳ Javascript
- ↳ C#
- ↳ JAVA
- ↳ Elasticsearch aggregation
- ↳ Python
- ↳ Php
- ↳ Android
- ↳ Html
- ↳ Jquery
- ↳ C++
- ↳ IOS
- ↳ CSS
- ↳ Excel
- ↳ Linux
- ↳ Apache
- ↳ MySql
- Детский мир
- Для души
- ↳ Музыкальные инструменты даром
- ↳ Печатная продукция даром
- Внешняя красота и здоровье
- ↳ Одежда и обувь для взрослых даром
- ↳ Товары для здоровья
- ↳ Физкультура и спорт
- Техника - даром!
- ↳ Автомобилистам
- ↳ Компьютерная техника
- ↳ Плиты: газовые и электрические
- ↳ Холодильники
- ↳ Стиральные машины
- ↳ Телевизоры
- ↳ Телефоны, смартфоны, плашеты
- ↳ Швейные машинки
- ↳ Прочая электроника и техника
- ↳ Фототехника
- Ремонт и интерьер
- ↳ Стройматериалы, инструмент
- ↳ Мебель и предметы интерьера даром
- ↳ Cантехника
- Другие темы
- ↳ Разное даром
- ↳ Давай меняться!
- ↳ Отдам\возьму за копеечку
- ↳ Работа и подработка в Кемерове
- ↳ Давай с тобой поговорим...
Полная версия