Discussion :

[dataG]

Bonjour

Voici un code javascript qui permet de garder une aside sur la partie droite de la page web lors du scroll:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
$(function() {
    var offset = $("#sidebar").offset();
    var topPadding = 15;
    $(window).scroll(function() {
        if ($(window).scrollTop() > offset.top) {
            $("#sidebar").stop().animate({
                marginTop: $(window).scrollTop() - offset.top + topPadding
            });
        } else {
            $("#sidebar").stop().animate({
                marginTop: 0
            });
        }
    });
});

Ce code fonctionne tres bien sauf que quand j'arrive sur le footer le padding-top continue et donc recouvre le footer.
Comment faire pour dire qu'a une certaine valeur (ex 2000px) le padding-top s’arrête?
N’hésitez pas a me demander plus de précisions.
Cordialement.

[dataG]

En fait j'aimerai faire un if comme ca:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

if (jQuery(window).scrollTop() > offset.top && jQuery("#naujac_sidebar").css(marginTop) > "1515px")

Mais je n'y arrive pas.
Pouvez-vous m'aider s'il vous plait?

[NoSmoking]

Bonjour,
peut être en changeant d'approche, j'entends par là récupérer la position du footer, son top, et si le scroll est supérieur au top du footer - la hauteur de ton ASIDE, tu figes la position de celui ci.

[dataG]

Merci noSmoking.

J 'ai enfin réussi a quelque chose.
Le problème maintenant c'est que le aside remonte tout en haut quand j'arrive sur le footer.

Comment dire en javascript marginTop = position aside actuel ?

[TiranusKBX]

défini son placement par rapport à la position du footer
en récupérant par exemple sa position haute avec

Code Javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

$('#idfooter').offset().top

[dataG]

Merci beaucoup.

Ca marche au poil