Scriptaculous Draggable / Droppable скрипт не работает должным образом при перетаскивании в прокрутку - PullRequest
Новая
       31

Scriptaculous Draggable / Droppable скрипт не работает должным образом при перетаскивании в прокрутку

0 голосов
/ 17 марта 2010

Я использую Scriptaculous Draggable / Droppable сценарии и у меня проблема при перетаскивании в прокручиваемый div. У меня есть следующий макет (на основе этот вопрос ): 

#grid-container   { left:33px; position:relative; width:300px; }
#grid   { width:310px; height:400px; overflow:auto; margin-bottom: 15px; }
#grid-container ul   { width:400px; list-style-type:none; white-space: nowrap; }
#grid-container li   { display:inline; list-style-type:none; padding:5px 15px 5px 15px; height:88px; text-align:center }

.image-row   { margin-left: 10px; }
.grid-image   { height:50px; margin-left:-20px;  }

Вот HTML: 

<div id="grid-container">
  <div id="grid"> 
    <div id="row1" class="image-row"> 
      <ul> 
        <li><img id="img1" class="grid-image" src="images/img1.jpg"></li>
        <li><img id="img2" class="grid-image" src="images/img2.jpg"></li>
        <li><img id="img3" class="grid-image" src="images/img3.jpg"></li>
        <li><img id="img4" class="grid-image" src="images/img4.jpg"></li>
      </ul>
    </div>
    <div id="row2" class="image-row"> 
      <ul> 
        <li><img id="img5" class="grid-image" src="images/img5.jpg"></li>
        <li><img id="img6" class="grid-image" src="images/img6.jpg"></li>
      </ul>
    </div>
  </div>
</div>

У меня есть еще один div с перетаскиваемыми элементами, в то время как все элементы img можно сбрасывать. В большинстве случаев это работает очень хорошо, но когда в сетке слишком много изображений и их приходится прокручивать, у меня возникают проблемы. Я по-прежнему могу перетаскивать / перетаскивать большинство элементов в этом элементе div, но когда я прокручиваю вниз, а затем пытаюсь перетащить элемент в конец списка, он падает на строку, которая находилась внизу, прежде чем прокручивать элемент div.

Даже если я установлю атрибут прокрутки при создании элементов Draggable, он будет прокручивать div сетки, но не будет использовать соответствующий элемент Droppable.

Есть ли способ заставить Draggable элементы перетаскиваться на соответствующий элемент Droppable независимо от того, прокручивается ли содержащийся div или нет?

1 Ответ

1 голос
/ 26 января 2011

Вчера я обнаружил это drag-drop-problem-problem-in-scroll-div при возникновении такой же проблемы В основном решение состоит в том, чтобы добавить Position.includeScrollOffsets = true; к вашему коду.

Надеюсь, это поможет

...