2012-12-29 20 views
8

Tam sayfa kaydırma için başka bir alternatif var mı? tam sayfa kaydırmaTam sayfa yatay kaydırma ile sorun

örnek

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

adım 1 marka pencere düğmesini basılı Restore tıklayarak küçük genişliği.

adım-2 kaydırma

adım 3 şimdi, pencere düğmesini maksimize tıklayarak büyük genişlik yapmak düzeltmek için.

şimdi, sayfa

jQuery

hizalanmış bırakılır
$(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'); 
    } 


}); 

CSS

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

jquery kodlarınızı gösterebilir misiniz? – Chanckjh

+0

@Chanckjh, güncellenmiş bir soru görebilirsiniz. jscrollpane demo bağlantısını kontrol edin. –

+0

Chrome'da yeni kontrol ettim ve evet, olur. –

cevap

5

burada şey JScrollPane jspPane bir sol ekler olmasıdır: - *** px sen ilerlediğinizde doğru. Ve asla zarar görmez.

eklemek istiyorsanız

: En boyutlandırma ise

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

, işe yarayacak. Ben jScrollPane çocuklar için de bir hata bildirmenizi tavsiye etmeme rağmen.

+0

Tam sayfa kaydırma için başka bir alternatif var mı? –

+0

Bir projede jScrollPane kullanmaya başladık ve yol boyunca birçok benzer problem yaşadık. Bu yüzden sadece küçük parçalar için kullanmaya karar verdik, bu da ekstra fantezi olmalıydı ve her şey için bir webkit kaydırma çubuğu stili (http://css-tricks.com/custom-scrollbars-in-webkit/) ekledik. Kullanıcılarımızın çoğunun krom/safari kullandığı için yeterince iyi oldu. – povilasp

+0

Bazı alternatif JavaScript kaydırma çubuğu çözümlerini burada bulabilirsiniz: http://stackoverflow.com/a/14150577/1085891 – JSuar