странное поведение jQuery изменяемого размера пользовательского интерфейса в FireFox - PullRequest
1 голос
/ 04 февраля 2012

У меня есть div, которому назначен изменяемый размер

когда я начинаю изменять его размер в первый раз, его родительский div внезапно становится немного больше и две полосы прокрутки внезапно появляются

Это явление происходит в FireFox, в Safari и Chrome работает нормально ..

Может кто-нибудь сказать мне, как это исправить?

подробнее:

У меня есть такая структура:

<body>
<div id="content">
    <div id="noteboard">
        <div id="note"></div>
    </div>
</div>
</body>

Блокнот - это большая доска размером с документ, равной размеру документа.

тогда примечание является перетаскиваемым div.

однако, когда я начинаю перетаскивать заметку в первый раз, div содержимого внезапно меняет ее размер.

в начале, содержание составляет 991 * 838

когда я щелкаю мышью и двигаюсь, размер контента меняется на 976 * 838

#content{
    z-index:0;
    position: relative;
    width: 100%;
}

#noteboard{
    position: relative;
}

#note{
}

css заметки пуст, но у него есть класс ui-dragggable и ui-resizable из jquery-ui, и я установил его как draggable и resizable ...

1 Ответ

0 голосов
/ 04 февраля 2012

Попробуйте установить скрытый параметр CSS переполнения родителя.

например:

<div id="parent" style="overflow: hidden;"> 
  <div id="resizable"/> 
</div>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...