Beste,
Ik ben opnieuw begonnen met een forum scripten aangezien ik nieuwe technieken heb geleerd.
Ik ben nu bezig met het design en daar komt wat javascript bij kijken.
Wat ik wil maken is:
En dan wil ik dat als je naar beneden scrolt je dit krijgt:
Dat is me gelukt de navigatie blijft boven in je beeld maar zoals je ziet is de background verpest.
De standaard CSS van de background is:
Code
body{
margin:0;
padding:0;
background-image:url('../img/bg.png');
background-color:#0066CC;
background-repeat:no-repeat;
background-position:center top 110px;
background-attachment:fixed;
height:4000px;
}
En dit heb ik geprobeerd op te lossen met JS:
PHP
$(function() {
var bg = $('div.body'),
isFixed = false,
$w = $(window);
$w.scroll(function() {
var shouldBeFixed = $w.scrollTop() >= 80;
if (shouldBeFixed && !isFixed) {
bg.css({
background-position: 'center top 110px'
});
isFixed = true;
} else if (!shouldBeFixed && isFixed) {
bg.css({
background-position: 'center top 30px'
});
isFixed = false;
}
});
});
Toon Meer
Maar het lukt me niet weet iemand hoe ik dit oplos?