Here is a repro. Try to drag the item into the red box.
Thank you
<html>
<head>
<script src="jquery-1.3.min.js" type="text/javascript"></script>
<script src="jquery-ui-personalized-1.6rc5.min.js" type="text/
javascript"></script>
<style type="text/css">
.styleInfo{height:300px;overflow:auto;width:
600px;position:relative;}
.grey {background-color:#F7F5F4;color:#356198;}
</style>
</head>
<body>
<table>
<tr>
<td>
<div class="styleInfo">
<table width="500" border=0>
<tr class="grey"><td><div class="d">1</div></td></tr>
<tr class="grey"><td><div class="d">1</div></td></tr>
<tr class="grey"><td><div class="d">1</div></td></tr>
<tr class="grey"><td><div class="d">1</div></td></tr>
<tr class="grey"><td><div class="d">1</div></td></tr>
<tr class="grey"><td><div class="d">1</div></td></tr>
<tr class="grey"><td><div class="d">1</div></td></tr>
<tr class="grey"><td><div class="d">1</div></td></tr>
<tr class="grey"><td><div class="d">1</div></td></tr>
<tr class="grey"><td><div class="d">1</div></td></tr>
<tr class="grey"><td><div class="d">1</div></td></tr>
<tr class="grey"><td><div class="d">1</div></td></tr>
<tr class="grey"><td><div class="d">1</div></td></tr>
<tr class="grey"><td><div class="d">1</div></td></tr>
<tr class="grey"><td><div class="d">1</div></td></tr>
<tr class="grey"><td><div class="d">1</div></td></tr>
<tr class="grey"><td><div class="d">1</div></td></tr>
<tr class="grey"><td><div class="d">1</div></td></tr>
<tr class="grey"><td><div class="d">1</div></td></tr>
<tr class="grey"><td><div class="d">1</div></td></tr>
<tr class="grey"><td><div class="d">1</div></td></tr>
<tr class="grey"><td><div class="d">1</div></td></tr>
<tr class="grey"><td><div class="d">1</div></td></tr>
<tr class="grey"><td><div class="d">1</div></td></tr>
</table>
</div>
</td>
<td>
<div class="d1" style="height:100px;background-color:red;">
DROP HERE
</div>
</td>
</tr>
</table>
<script type="text/javascript">
$(".d1").droppable(
{
accept: function(draggable) { return true },
drop: function(ev, ui)
{
ui.element[0].style.border = "";
},
over: function(ev, ui)
{
ui.element[0].style.border = "1px #989898 solid";
},
out: function(ev, ui)
{
ui.element[0].style.border = "";
}
});
$(".d").droppable(
{
accept: function(draggable) { return true },
drop: function(ev, ui)
{
ui.element[0].style.border = "";
},
over: function(ev, ui)
{
ui.element[0].style.border = "1px #989898 solid";
},
out: function(ev, ui)
{
ui.element[0].style.border = "";
}
});
$(".d").draggable(
{
scroll: true,
helper: 'clone'
});
</script>
</body>
</html>
On Jan 26, 9:16 am, sk <[email protected]> wrote:
> Hello,
>
> Is it possible to allow the scroll option to scroll only vertically?
> Currently it scrolls both ways, which I would like to avoid.
>
> Thanks
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
