के भीतर खींचने योग्य स्क्रॉलिंग मेरे पास एक अनियमित सूची है और jquery ui draggable का उपयोग कर सूची सूची में से प्रत्येक को ड्रैग करने योग्य कार्यक्षमता जोड़ दी है। सूची आईडी = "सामग्री" के साथ एक div के अंदर है।jquery ui कंटेनर
<script src="../../jquery-1.8.0.js"></script>
<script src="../../ui/jquery.ui.core.js"></script>
<script src="../../ui/jquery.ui.widget.js"></script>
<script src="../../ui/jquery.ui.mouse.js"></script>
<script src="../../ui/jquery.ui.draggable.js"></script>
<script type="text/javascript">
$(function() {
$(".draggable").draggable({
scroll: true,
scrollSensitivity: 100,
revert: true,
containment: '#content',
zIndex: 999990,
revertDuration: 100,
delay: 100
});
});
</script>
<div style="width:200px;height:300px;overflow:auto;" id="content">
<ul>
<li class="draggable">One</li>
<li class="draggable">Two</li>
<li class="draggable">Three</li>
<li class="draggable">Four</li>
<li class="draggable">five</li>
<li class="draggable">six</li>
<li class="draggable">Seven</li>
<li class="draggable">Eight</li>
<li class="draggable">Nine</li>
<li class="draggable">Ten</li>
<li class="draggable">Eleven</li>
<li class="draggable">Twelve</li>
<li class="draggable">Thirteen</li>
<li class="draggable">Fourteen</li>
<li class="draggable">Fifteen</li>
<li class="draggable">Sixteen</li>
<li class="draggable">Seventeen</li>
<li class="draggable">Eighteen</li>
<li class="draggable">Nineteen</li>
<li class="draggable">Twenty</li>
</ul>
</div>
मैं करना चाहते हैं क्या है जब मैं (कंटेनर के भीतर किसी भी सूची आइटम खींच कर रहा हूँ: यहाँ मेरी यूएल सूची
यहाँ के स्नैपशॉट कोड मैं लिखा है है यानी आईडी = "सामग्री" के साथ div) और जब माउस div सीमा या आकार के किनारे पर होता है, तो कंटेनर को भी स्क्रॉल करना चाहिए ताकि मैं कंटेनर के भीतर ऊपर और नीचे की ओर बढ़ सके।
उदाहरण के लिए यदि मैं सूची में पहली सूची सूची को सूची में खींचना चाहता था, तो जब माउस div किनारे के शीर्ष छोर पर होता है, तो कंटेनर (हमारे केस div में) स्वचालित रूप से भी स्क्रॉल करना चाहिए । क्या यह jquery ui draggable में एक बग है? कृपया मदद
मैं करने के लिए पदावनति की कोशिश करो jquery ui डेमो पृष्ठों को देख रहे हैं, लेकिन बहुत मदद नहीं, Google की थोड़ी सफलता के साथ भी खोज की गई – sonam
[jQuery.Drag] (http://javascriptmvc.com/docs.html#!jQuery.Drag) में एक [स्क्रॉल ] (http://javascriptmvc.com/docs.html#!jQuery.Drag.prototype.scrolls) पैरामीटर जो काम करता है (पृष्ठ पर एक डेमो है)। हो सकता है कि यह कोड कैसे काम करता है और इसे jQuerys draggable व्यवहार में कार्यान्वित करता है? –
क्या यह पहले से ही 'स्क्रॉल: सत्य' द्वारा संभाला नहीं गया है? ऐसा लगता है कि क्रोम में कम से कम http://jsfiddle.net/SqNx6/ –