Skocz do zawartości
Zaloguj się, aby obserwować  
kamil90

tło strony krótsze od treści

Recommended Posts

witam,

mam tło strony o wysokości 1400px, treść na co niektórych podstronach jest jednak dłuższa niż wysokość tła, i teraz chciałbym uzyskać taki efekt, że podczas przewijania strony tło przewija się tylko do tych 1400px i sie zatrzymuje a treść leci dalej.

Próbowałem zrobić to w poniższy sposób, ale efekt nie jest zadowalający, przejście nie jest płynne.

var wysokosc_okna = $(window).height();
var szerokosc_okna = $(window).width();

 $(window).scroll(function () {

            if ($(this).scrollTop() > (1400 - wysokosc_okna)) {
                $('body').css('background-attachment', 'fixed');
                $('body').css("background-position", (szerokosc_okna - 900) + "px bottom");
            } else {
                $('body').css('background-attachment', 'none');
                $('body').css("background-position", (szerokosc_okna - 900) + "px top");
            }
 });

  • Upvote 5

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

Możesz zawsze zrobić tak:

- tło jako zdjęcie (sam dół zdjęcia) w jednolitym kolorze

- pod zdjęciem nałozyć kolor tła taki sam jak dolna część zdjęcia i wtedy masz pelna długość strony z nieuciętym kolorem

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

Utwórz konto lub zaloguj się, aby skomentować

Musisz być użytkownikiem, aby dodać komentarz

Utwórz konto

Zarejestruj nowe konto na forum. To jest łatwe!

Zarejestruj nowe konto

Zaloguj się

Masz już konto? Zaloguj się.

Zaloguj się
Zaloguj się, aby obserwować  

×