CODEWITHSUNDEEP
html
James
James

Reputation: 347

Unable to drag and drop the images from scroll bar

Here is the Fiddle

In the above fiddle I could drag and drop items onto the wooden plate

<div id="scroll-pane" style="width:250px; height:100px; overflow-y:scroll; overflow-x:hidden;">
<table>
<tr><td>item 0</td></tr>
<tr><td>item 99</td></tr>
</table>
</div>

But I have added a scroll bar and Now I could not drag and drop onto the wooden plate

Scroll Bar Fiddle

Upvotes: 0

Views: 95

Answers (1)

Baga
Baga

Reputation: 1442

Instead of adding a new div 'scroll-pane' it works if we set the style to the div 'boxB'

<div id="boxB" ondragenter="return dragEnter(event)" ondrop="return dragDrop1(event)"
                    ondragover="return dragOver(event)" class='box' style="width: 250px; height: 100px; overflow-y: scroll; overflow-x: hidden;">
.....

FIDDLE

Upvotes: 1

Related Questions