clinton4
Medlem
Hei,
Jeg bruker følgende kode for å få en div til å følge skjermen når en besøkende scroller nedover. Men jeg ønsker at den kun skal følge skjermen dersom høyden på div'en er mindre en besøkendes skjermhøyde. Er dette mulig?
Jeg bruker følgende kode for å få en div til å følge skjermen når en besøkende scroller nedover. Men jeg ønsker at den kun skal følge skjermen dersom høyden på div'en er mindre en besøkendes skjermhøyde. Er dette mulig?
HTML:
<script>
$(function () {
var msie6 = $.browser == 'msie' && $.browser.version < 7;
if (!msie6) {
var top = $('.follow').offset().top - parseFloat($('.follow').css('margin-top').replace(/auto/, 0));
$(window).scroll(function (event) {
// what the y position of the scroll is
var y = $(this).scrollTop();
// whether that's below the form
if (y >= top) {
// if so, ad the fixed class
$('.follow').addClass('fixed');
} else {
// otherwise remove it
$('.follow').removeClass('fixed');
}
});
}
});
</script>
HTML:
.follow.fixed {
position: fixed;
top: 40px;
}