Jquery ui draggable在chrome和ie7下的bug
2013-08-08 13:23
513 查看
当页面足够长,向下滚动一些之后,
在拖动时,被拖动的div会向下产生滚动距离那么高(scrolltop)的差距
鼠标位置距div顶部差距了正好页面scroll的距离,页面scoll越多差的越多。
解决方法参考:http://stackoverflow.com/questions/5791886/jquery-draggable-shows-helper-in-wrong-place-when-scrolled-down-page
加上drag事件回调,判断浏览器,减去响应的高度即可
在拖动时,被拖动的div会向下产生滚动距离那么高(scrolltop)的差距
鼠标位置距div顶部差距了正好页面scroll的距离,页面scoll越多差的越多。
解决方法参考:http://stackoverflow.com/questions/5791886/jquery-draggable-shows-helper-in-wrong-place-when-scrolled-down-page
$("#abc").draggable({ drag: function (event, ui) { if ($.browser.chrome || ($.browser.msie && $.browser.version == 7)) { ui.position.top -= $(window).scrollTop(); } } });
加上drag事件回调,判断浏览器,减去响应的高度即可
相关文章推荐
- jquery ui draggable,droppable 应用
- jquery.ui.draggable中文文档
- jquery.ui.draggable中文文档
- jquery.ui.draggable中文文档(原文翻译)
- jQuery Ui Draggable在移动端浏览器不起作用解决方案
- jquery.ui.draggable中文文档
- jQuery UI draggable+droppable+resizable+selectable+sortable
- jQuery UI API - 可拖拽小部件(Draggable Widget)(转)
- Jquery-ui draggable
- jquery.ui.draggable中文文档
- jQuery UI draggable+droppable+resizable+selectable+sortable
- jQuery UI resizble、draggable的div包含iframe导致缩放和拖拽的不平滑解决方法
- jQuery ui draggable 拖拽元素
- JqueryUI draggable用法
- jQuery UI draggable(拖动)兼容移动端并且模拟click点击事件,兼容安卓
- jquery.ui.draggable中文文档
- jquery.ui.draggable中文文档jquery 自由拖拽类~study~
- 让jQuery UI draggable兼容移动端
- jQuery UI Draggable + Sortable 结合使用
- jquery ui draggable