jQuery UI Перетаскиваемый с пользовательским содержанием в фиксированном родителе

0

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

http://jsfiddle.net/fzSjx/7/

Html:

 <div id="o">
     <div id="draggable">
         <p>drag me</p>
     </div>
 </div>

JS:

$( "#draggable" ).draggable(
    { containment: [ 0 ,0, 200, 200], 
      scroll: false }
);

Css:

#o {
    position: fixed;
}
body {
    height:1000px;
}
  • 0
    Вы имеете в виду это: jsfiddle.net/fzSjx/4 ???
  • 0
    Нет. Как я уже писал, я хочу фиксированного родителя. новая скрипка: jsfiddle.net/fzSjx/7
Показать ещё 2 комментария
Теги:
jquery-ui-draggable

1 ответ

1
Лучший ответ

Попытка position: absolute на #o. position: fixed фиксирует положение div в окне просмотра, position: absolute будет фиксировать div относительно ближайшего относительно расположенного родителя.

РЕДАКТИРОВАТЬ:

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

$( '#draggable' ).draggable({
    containment: 'parent',
    scroll: false
});
Поделиться
  • 0
    Нет, я хочу фиксированного родителя. Я обновил скрипку, чтобы она стала понятнее.
  • 0
    Мое редактирование выше работало для вас?
Показать ещё 3 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню