2012-12-29 17 views
8

Czy istnieje inna alternatywa do przewijania strony?Problem z przewijaniem poziomym w poziomie strony

przykładem pełnego widoku przewijania

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

krok 1 make okno szerokość mniejszą klikając przycisk Przywróć w dół.

krok 2 przewijania w prawo

krok 3 teraz uczynić okno szerokość większa klikając przycisk maksymalizacji.

teraz, strona zostaje wyrównany

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

możesz pokazać swoje kody jquery? – Chanckjh

+0

@Chanckjh, możesz zobaczyć zaktualizowane pytanie. sprawdź link demo jscrollpane. –

+0

Właśnie sprawdziłem w Chrome, i tak, to się dzieje. –

Odpowiedz

5

Chodzi o to, że JScrollPane dodaje jspPane w lewo: - *** px podczas przewijania do prawo. I nigdy nie usuwa zniszczeń.

Jeśli chcesz dodać:

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

W swojej rozmiaru, to będzie działać. Chociaż sugeruję, abyś zgłosił błąd również dla facetów jScrollPane.

+0

Czy jest jakaś inna alternatywa dla przewijania strony? –

+0

W jednym projekcie zaczęliśmy używać jScrollPane i mieliśmy wiele podobnych problemów po drodze. Zdecydowaliśmy się więc użyć go tylko dla małych części, które musiały być ekstra fantazyjne i dodano styl paska przewijania (http://css-tricks.com/custom-scrollbars-in-webkit/) dla wszystkich pozostałych elementów. Ponieważ nasza większość użytkowników używa chrome/safari, było wystarczająco dobre. – povilasp

+0

Oto lista alternatywnych pasków przewijania JavaScript tutaj: http://stackoverflow.com/a/14150577/1085891 – JSuar

Powiązane problemy