Не нравятся результаты поиска? Попробуйте другой поиск!

DLE FAQ » Все вопросы » Общие вопросы по вёрстке » Как сделать скролл в модальном окне

Как сделать скролл в модальном окне

kovalenko3331 30.01.2012 скролл, модальное окно Общие вопросы по вёрстке, jQuery 18636

вопрос

Есть модальное окно к примеру

<script type="text/javascript">
function showokno() {
$(function(){

    $('#okno').dialog({
        autoOpen: true,
        show: 'fade',
        hide: 'fade',
        width: 450,
        height: 500,
    });
});
}
</script>

и его вызов

<a onclick="showokno(); return false;">Показать окно</a>
<div id="okno" title="Окно" style="display:none; " >
Тут содержание окна
</div>

Как добавить Scroll прокрутку для этого окна к примеру как на этом же сайте при просмотре (Все опросы)?
Если убрать размер (height: 500) то естественно получается в высоту содержимого, а мне нужно чтобы была минимальная высота к примеру ну те же (height: 500) а если содержимое больше, то появляется Scroll прокрутка.

Ответил: ПафНутиЙ

#okno {
    height: 400px;
    overflow: auto;
}

добавлено из комментария.

15 комментариев

Админ

3457

ПафНутиЙ - 2015-02-2130 января 2012 20:18 - #3434

попробуйте убрать запятую после 500 (если не ошибаюсь - е там быть не должно.

Каков вопрос - таков и ответ. Просто помните об этом.

PHP-developer

1783

Sander - 2015-02-2130 января 2012 21:00 - #3438

Не существенно, а naxHeight диалоговое окно не понимает.

SanDev.pro - мой блог.

Telegram: @sandev
Skype: Sander8804

Юзер

199

kovalenko3331 - 2015-02-2130 января 2012 21:42 - #3439

Паша, что с запятой что без результат тот же.
Sander, да я пробовал и min-height и max-height не то.
Ребята я честно говоря только нас вас и надеялся, питаюсь найти ответ в dle_js.js походу он отвечает за размер окна опросов, но знаний в скриптах нет.

Админ

3457

ПафНутиЙ - 2015-02-2130 января 2012 22:13 - #3441

должно работать. Возможно чтото переопределяет высоту. Нужно сайт смотреть.

Каков вопрос - таков и ответ. Просто помните об этом.

Юзер

199

kovalenko3331 - 2015-02-2130 января 2012 22:37 - #3445

Паша, я на локалке пока тестирую, ставлю нужную высоту не вмещается содержимое, если вообще не ставлю высоту, а только ширину тогда высота по размеру содержимого, которое большего размера что мне нужно для окна . А хотелось как уже писал чтобы была задана минимальная высота, а все что выше под скроллом. В общем как всегда методом подбора и уймы потраченного времени сделаю.
P.S. Еще раз прихожу к мнению что потраченное время на метод подбора и тика надо использовать для изучения CSS, HTML, Java, jQuery и прочего необходимого.

Админ

3457

ПафНутиЙ - 2015-02-2131 января 2012 23:09 - #3458

А просто через css задать min-height пробовал?

Каков вопрос - таков и ответ. Просто помните об этом.

Юзер

199

kovalenko3331 - 2015-02-211 февраля 2012 22:04 - #3465

Решил вопрос, всем спасибо за помощь и внимание

#okno {
    height: 400px;
    overflow: auto;
}

все что больше 400px прячется под скролл.

У меня снова вопрос, и чтобы не создавать новую тему спрошу здесь может кто и знает. Как сделать чтобы при появлении модального окна затемнялся сайт воруг окна, как при быстром редактировании новостей на сайте, в движках 9.4, 9.5 такое.

Админ

3457

ПафНутиЙ - 2015-02-211 февраля 2012 22:25 - #3467

нужно добавить modal: true,

Каков вопрос - таков и ответ. Просто помните об этом.

Юзер

199

kovalenko3331 - 2015-02-211 февраля 2012 23:45 - #3471

Если я правильно понял то так

<script type="text/javascript">
function showokno() {
$(function(){
 
    $('#okno').dialog({
        autoOpen: true,
        modal: true,
        show: 'fade',
        hide: 'fade',
        width: 450,
        height: 500,
    });
});
}
</script>

но ничего не происходит, но все равно спасибо, я понял в каком направлении копать.

Админ

3457

ПафНутиЙ - 2015-02-211 февраля 2012 23:48 - #3472

Стили не прописаны, вот ничего и не происходит

Каков вопрос - таков и ответ. Просто помните об этом.

Юзер

199

kovalenko3331 - 2015-02-211 февраля 2012 23:52 - #3473

Да я уже понял, еще раз спасибо

 background: none repeat scroll 0 0 #666666;
    height: 100%;
    left: 0;
    opacity: 0.4;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;

Кстати вопрос так и остался без ответа, хотя решен в коментах.
Удачи всем и сайт просто супер так держать! fellow

Юзер

199

kovalenko3331 - 2015-02-212 февраля 2012 23:04 - #3484

Ребята снова вернусь к вопросу о модальном окне, так вот, если в модальном окне есть ссылки

<a>ссылка</a>

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

Админ

3457

ПафНутиЙ - 2015-02-212 февраля 2012 23:17 - #3485

может теги не закрытые есть?
нужно смотреть код.

Каков вопрос - таков и ответ. Просто помните об этом.

Юзер

199

kovalenko3331 - 2015-02-216 февраля 2012 23:22 - #3605

Вопрос решен, все нормально показывает, просто был глюк в хроме.

Юзер

279

Yamakasi - 2015-02-2111 июля 2012 13:28 - #5796

Насчёт скрола будет правильнее так:

<a onclick="showokno(); return false;">Показать окно</a>
<div id="okno" title="Окно" style="display:none; overflow:auto; " >
Тут содержание окна
</div>

а в жаве писать его не надо!