Strona złożona z tabs'ów

[Kartofelek]

CSS:

Kod:

    body, html {
        width:100%;
        background:#fafafa;
        height:100%;
        padding:0;
        margin:0;
    }
    .page-container {
        width:100%;
        height:100%;
        min-width: 840px;    
        overflow: hidden;
        overflow-y:auto;
        position: relative;
    }
    .slide {        
        width:100%;
        height:100%;
        position: absolute;        
        top:0;
        left:100%;
        padding:0 0;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
    }
    .slide:first-of-type {
        left:0;
    }

        .pasek {
        position:fixed;
        bottom:0;
        left:0;
        width:100%;
        background:#000; ..........
    }

JS

Kod:

$(function() {
    function gotoNextSlide() {
                $('#slideCurrent').animate({left : '-100%'}, 600);
                $('#slideNext').animate({left : 0}, 600);
        }
});

Pasek z guzikami też wcale nie musi być 1. Każdy tab może mieć swój własny pasek. Position fixed też możesz przecież animować tak samo jak przesuwanie tabów.