当用户滚动页面时移动图像（使用jQuery）？

我有一个形象：当用户滚动页面时移动图像（使用jQuery）？

<img title="<?php echo JText::_('AEROBOT_HELLO'); ?>" src="images/aerobot.png" id="aerobot" align="right" />

我想移动的图像（使其可见的任何时间），当用户滚动页面。我试过这段代码：

  var $scrollingDiv = $("#aerobot"); 

     $(window).scroll(function(){    
      $scrollingDiv 
       .stop() 
       .animate({"marginTop": ($(window).scrollTop() + 30) + "px"}, "slow");   
     });

但它的移动的全部内容（这是根据图像），我在页面上。那么，如何只移动滚动的图像？

来源

2011-10-13 Ok-Alex

使position:absolute和调整顶部和左侧值：

img {z-index:1000;top:0; left:0;position:absolute;width: 300px; height: 50px; float:left;}

这里是例子的代码，最小化浏览器滚动显示出来

Example

使它留在它的父容器中，你必须把显示出来：到它们两个，位置：相对到父容器河右对齐放右：0来图像;

img { 
    z-index:1000; 
    top:0; 
    position:absolute; 
    width: 350px; 
    height: 50px; 
    background-color:blue; 
    right:0; 
    display:block; 
} 
#parent{ 
    width: 400px; 
    height: 400px; 
    background-color:red; 
    position:relative; 
    display:block; 
}

Example 2

来源

2011-10-13 15:23:48 zdrsh

是的，它的工作。还有一个问题。如何将图像对齐到父div的右侧？ –

无需使用JS：使用的CSS属性position: fixed。它的行为像绝对定位，但是当用户滚动时，图像不会向上或向下移动。

来源

2011-10-13 15:26:59

当用户滚动页面时移动图像（使用jQuery）？

回答

相关问题