2012-12-29 16 views
8

Qualsiasi altra alternativa per scorrimento pagina intera?Problema con scorrimento orizzontale a pagina intera

esempio di pagina piena di scorrimento larghezza inferiore facendo clic su Ripristina premuto il tasto

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

step-1 finestra make.

step-2 di scorrimento per scorretto

step-3 ora, Marca larghezza più grande facendo clic sul pulsante Massimizza finestra.

ora, pagina è allineato a sinistra

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'); 
    } 


}); 

CSS

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

puoi mostrare i tuoi codici jquery? – Chanckjh

+0

@Chanckjh, puoi vedere la domanda aggiornata. controlla il link demo di jscrollpane. –

+0

Ho appena controllato in Chrome, e sì, succede. –

risposta

5

La cosa qui è che JScrollPane aggiunge jspPane a sinistra: - *** px quando si scorre a la destra. E non annulla mai il danno.

Se si desidera aggiungere:

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

Nel suo ridimensionamento, funzionerà. Anche se ti suggerisco di segnalare un bug anche per i ragazzi di jScrollPane.

+0

C'è qualche altra alternativa per lo scorrimento di una pagina intera? –

+0

In un progetto abbiamo iniziato a utilizzare jScrollPane e abbiamo avuto molti problemi simili lungo il percorso. Così abbiamo deciso di usarlo solo per piccole parti, che dovevano essere fantasioso e aggiungere uno stile di barra di scorrimento webkit (http://css-tricks.com/custom-scrollbars-in-webkit/) per tutto il resto. Dal momento che la maggior parte degli utenti utilizza Chrome/Safari è stato abbastanza buono. – povilasp

+0

Io elencherò qui alcune soluzioni di scrollbar JavaScript alternative: http://stackoverflow.com/a/14150577/1085891 – JSuar