2014-02-12 4 views
0

Скрыть панель прокрутки с помощью дисплея: нет;jquery ui slider scrollbar не работает, когда div отображается нет

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

$("#open").click(function() { 
    $(".scroll-pane").show(); 
}); 

Если я избавлюсь от отображения: нет; на scroll-панели div css он отображает div, а полоса прокрутки работает правильно.

здесь является jsfiddle показывая, как он не работает: http://jsfiddle.net/JjaFW/

display: none; 

вот один из его работы, но я должен был закомментировать дисплей: нет; http://jsfiddle.net/JjaFW/1/

/* display: none; */ 
+0

Понял, что мне нужно было обернуть открытое событие нажатия кнопки вокруг размера полосы прокрутки, как показано здесь: https://gist.github.com/anonymous/8963098 – Brad

ответ

0

Вместо не используя дисплей: нет, попробуйте использовать видимость: скрытый, или $ ("ДИВ") скрыть();. вместо.

+0

попробовал оба варианта .hide(). то же, что и display: none; когда я нажимаю кнопку «Открыть», полоса прокрутки работает неправильно. – Brad

+0

Можете ли вы сделать jsfiddle? –

+0

Получил его на работу, мне нужно было запустить эту функцию, когда была нажата ссылка, и до тех пор: https://gist.github.com/anonymous/8963098 – Brad

2

Здесь работает: http://jsfiddle.net/bortao/8Wj2W/

Используйте класс с visibility: hidden и удалить его с removeClass(). Это позволяет jQuery правильно рассчитать стиль, но пусть он скрыт.

Смежные вопросы