Div fixed taille non fixe
Bonjour !
J'aimerais fixer une div juste avant qu'elle dépasse le scroll de l'utilisateur (dépasse de l'écran).
Le problème c'est que entre la div qui je souhaite fixer et le top, il y a une image qui est est de taille aléatoire.
Il faudrait donc récuperer la taille de l'image, ce que j'ai fais, sauf que le passage de position 'normal' a position fixed n'est pas propre (:D elle dépasse un peux de l'écran avant de se fixer)
J'ai peur de mettre mal fait compris.
Voila le Jquery que j'ai fais pour l'instant :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
jQuery("document").ready(function($){
var div = $('.sticky');
var menu = $("#header").height();
var mainwrap = $(".main-wrap").offset().top;
var top1 = menu + mainwrap;
$(window).scroll(function () {
if ($(this).scrollTop() > top1) {
div.addClass("f-div");
div.css('top',menu);
} else {
div.removeClass("f-div");
}
});
}); |
merci beaucoup
