acabo de solucionarlo, aunque me ha surjido otro problema, como puedo hacer que si el usuario baja la vista de la página y se ejecutan estos javascript, cuando el usuario vuelve a subir la vista de la pagina hacia arriba, como puedo hacer que la imagen vuelva otra vez a su sitio inicial ?? ya que se me queda en la posicion del ( Left: -200 ) ???
dejo el código por si a alguien le interesa:
Código PHP:
<script type="text/javascript">
$(function() {
var offset = $("#sidebar").offset();
var topPadding = 2;
var leftPadding = 300;
$(window).scroll(function() {
if ($(window).scrollTop() > offset.top) {
$("#sidebar").stop().animate({
marginTop: $(window).scrollTop() - offset.top + topPadding
});
}
else {
$("#sidebar").stop().animate({
marginTop: 0
});
};
});
});
</script>
<script type="text/javascript">
$(function() {
var offset = $("#sidebar2").offset();
var leftPadding = 200;
$(window).scroll(function() {
if ($(window).scrollLeft() > offset.top) {
$("#sidebar2").stop().animate({
marginLeft: $(window).scrollLeft() - offset.left + leftPadding
});
}
else {
$("#sidebar2").stop().animate({
marginLeft: -200
});
};
});
});
</script>