2012-12-29 25 views
8

पूर्ण पृष्ठ स्क्रॉल के लिए कोई अन्य विकल्प है?पूर्ण पृष्ठ क्षैतिज स्क्रॉल के साथ समस्या

पूरे पृष्ठ स्क्रॉल का उदाहरण

http://jscrollpane.kelvinluck.com/fullpage_scroll.html

कदम -1 मेकअप विंडो बटन नीचे पुनर्स्थापित क्लिक करके छोटे चौड़ाई।

कदम -2 दाईं ओर स्क्रॉल करने के लिए

कदम -3 अब, विंडो को बड़ा करें बटन पर क्लिक करके बड़ा चौड़ाई बनाते हैं।

अब, पेज छोड़ दिया है गठबंधन

jQuery

$(function() 
{ 
    var win = $(window); 

    win.bind(
     'resize', 
     function() 
     { 

       var container = $('#full-page-container'); 

       container.css(
        { 
         'width': 1, 
         'height': 1 
        } 
       ); 

       container.css(
        { 
         'width': win.width(), 
         'height': win.height() 
        } 
       ); 
       isResizing = false; 
       container.jScrollPane(
        { 
         'showArrows': true 
        } 
       ); 

     } 
    ).trigger('resize'); 


    $('body').css('overflow', 'hidden'); 


    if ($('#full-page-container').width() != win.width()) { 
     win.trigger('resize'); 
    } 


}); 

सीएसएस

html 
{ 
    overflow: auto; 
} 
#full-page-container 
{ 
    overflow: auto; 
} 
+0

क्या आप अपने jquery कोड दिखा सकते हैं? – Chanckjh

+0

@ कंचज, आप अद्यतन प्रश्न देख सकते हैं। jscrollpane डेमो लिंक की जांच करें। –

+0

मैंने अभी क्रोम में चेक किया है, और हाँ, ऐसा होता है। –

उत्तर

5

यहाँ बात यह है कि jScrollPane jspPane एक छोड़ दिया कहते है: - *** पिक्सल जब आप करने के लिए स्क्रॉल सही। और कभी नुकसान को कम नहीं करता है।

आप जोड़ना चाहते हैं:

$('#full-page-container .jspPane').css('left', 'auto');

अपने आकार में, यह काम करेंगे। हालांकि मेरा सुझाव है कि आप jScrollPane लोगों के लिए भी एक बग की रिपोर्ट करें।

+0

क्या पूर्ण पृष्ठ स्क्रॉल के लिए कोई अन्य विकल्प है? –

+0

एक प्रोजेक्ट में हमने जेएसक्रोलपैन का उपयोग शुरू किया और रास्ते में बहुत सी समस्याएं थीं। इसलिए हमने इसे केवल छोटे हिस्सों के लिए उपयोग करने का फैसला किया, जिसे अतिरिक्त फैंसी होना था और बाकी सब कुछ के लिए एक वेबकिट स्क्रॉलबार शैली (http://css-tricks.com/custom-scrollbars-in-webkit/) जोड़ा गया। चूंकि हमारे अधिकांश उपयोगकर्ता क्रोम/सफारी का उपयोग करते हैं, यह काफी अच्छा था। – povilasp

+0

मैं यहां कुछ वैकल्पिक जावास्क्रिप्ट स्क्रॉल बार समाधान सूचीबद्ध करता हूं: http://stackoverflow.com/a/14150577/1085891 – JSuar