2012-08-08 12 views
7

मैं div के लिए Jquery अच्छा स्क्रॉल बार का उपयोग कर रहा हूं, लेकिन जब div की सामग्री गतिशील रूप से बढ़ती है तो यह स्क्रॉल बार नहीं दिखाती है। यदि मैं अच्छी स्क्रॉल हटा देता हूं तो विंडोज डिफ़ॉल्ट स्क्रॉल बार ठीक काम करता है। क्या कोई इस समस्या को हल करने में मेरी सहायता कर सकता है?Jquery नाइस स्क्रॉल काम नहीं कर रहा है

एचटीएमएल

<div id="div-to-scroll"> 
</div> 

स्क्रिप्ट

$(document).ready(function(e) { 
    var nice = $("#div-to-scroll").getNiceScroll(); 
    $("#div-to-scroll").niceScroll(); 
    $("#div-to-scroll").getNiceScroll().resize(); 
}); 

यह मेरा कोड नमूना है।

+0

क्या आप अपना समाधान दिखा सकते हैं? – stetro

+0

मेरे पास समाधान नहीं है। – gaurang171

+0

sry ;-) मैंने वर्तमान कोड स्थिति खरीदी :-) – stetro

उत्तर

16

अंत में यह मेरे लिए काम करता है।

$("#div-to-scroll").scroll(function(){ 
    $("#div-to-scroll").getNiceScroll().resize(); 
}); 
1

कुछ संभावित कारण:
1- शायद आप अपनी div ऊंचाई निर्दिष्ट करना भूल गए हैं। अपनी div ऊंचाई ठीक करें।
2- यदि आपका div चौड़ाई में फ्लोट है तो चौड़ाई भी ठीक करें।
remmember कि आपके div style होना चाहिए: overflow-y: hidden;
अद्यतन
का आकार बदलने के उपयोग का प्रयास करें() फ़ंक्शन हर बार जब आप नीचे स्क्रॉल:

$("div-to-scroll").slideDown(function(){ 
    $("div-to-scroll").getNiceScroll().resize(); 
}); 
+0

हां मैंने जो कुछ किया है। बात यह है कि खिड़की लोड होने पर यह काम करता है लेकिन जब मैं सामग्री को जोड़ना शुरू करता हूं तो यह काम नहीं कर रहा है। – gaurang171

+0

@ keyuratcodebins.com सामग्री जोड़ने के बाद क्या होता है? क्या यह स्क्रॉलिंग रोकता है या यह एक ही समय में सभी सामग्री दिखाता है? – osyan

+0

यह स्क्रॉलिंग – gaurang171

9
मेरे लिए

सिर्फ

$("#div-to-scroll").mouseover(function() { 
    $("#div-to-scroll").getNiceScroll().resize(); 
}); 
+0

'माउसओवर' कहां से आया? – Blazemonger

1
$("html").mouseover(function() { 
    $("html").getNiceScroll().resize(); 
}); 

के साथ काम करता

+0

दूसरी पंक्ति में अतिरिक्त '#' है। – Raptor

+1

@ रैप्टर हाँ, बस वाक्यविन्यास का पालन करें। (चयनकर्ता यहां बेकार है) –

2

अद्यतन पूरे शरीर पर स्क्रॉल पट्टी पाने के लिए: नए कार्य को मिल गया!

var setScroll = function(i) { 
     if($(i).length>0) 
     $(i).niceScroll().updateScrollBar(); 
} 

कॉल इस समारोह अद्यतन करने के लिए Nicescroll

setScroll(".classWithNiceScroll"); 
1

यह करें:के बाद

// Scroll X Axis 
$("#mydiv").getNiceScroll(0).doScrollLeft(x, duration); 
// Scroll Y Axis - 
$("#mydiv").getNiceScroll(0).doScrollTop(y, duration); 

नोट [0]:

// Scroll X Axis 
$("#mydiv").getNiceScroll()[0].doScrollLeft(x, duration); 
// Scroll Y Axis - 
$("#mydiv").getNiceScroll()[0].doScrollTop(y, duration); 

या

+0

यह मेरे लिए काम करता है। – Banago

संबंधित मुद्दे