Javascript 如何通过jquery从上到下更改图像

我在JSFIDLE中有ads代码：

当我滚动页面时，如何更改2个广告以始终显示底部（或更改填充/边距底部）

HTML

<div class="wrapper">
    <div class="adsl">
        <image alt='scoll1-2tieng' src='http://www.maydoduonghuyet.com.vn/uploads/partners/scoll1_2tieng.gif' width='120' height='300' />
    </div>
    <div class="adsr">
        <image alt='scoll2-hdsd' src='http://www.maydoduonghuyet.com.vn/uploads/partners/scoll2_hdsd.jpg' width='120' height='300' />
    </div>
</div>

==最新==

谢谢你的支持和建议。我已经完成了想法

职位


这代码很简单：

谢谢大家
使用
位置：固定如果必须始终在底部显示广告


如果您想将广告保持在底部，但仍要对其设置动画，请将JavaScript更改为

$(document).ready(function() {

    var sidebar   = $(".adsl");
    var offset    = sidebar.offset();
    var topPadding = 10;
    $(window).scroll(function() {
            sidebar.stop().animate({
                marginTop: $(window).scrollTop() + sidebar.height()/2 + topPadding
            });
    });    
    var sidebar2   = $(".adsr");
    var offset2    = sidebar2.offset();
    var topPadding2 = 10;
    $(window).scroll(function() {
            sidebar2.stop().animate({
                marginTop: $(window).scrollTop() + sidebar2.height()/2 + topPadding2
            });
    });

});



旁注：上面的代码片段可以写几行，但我不确定这是否是OP想要的效果
 始终在问题中包含相关的代码和标记，不要只是链接（甚至连小提琴都不链接）。链接会腐烂，人们不必离开网站来帮助你。你可以设置广告的固定位置。@Satpal谢谢我小心插入但
位置：固定
使图像左+右底部不靠近wrapper@HoangAn：好的……那么您希望
图像
位于屏幕底部而不是页面底部？现在
&
位于顶部。我想把
&
放在最下面一页，再靠近
div包装器
。这是广告scroll@HoangAn：
底部页面
和
closer div wrapper
。无法理解此部件，我认为我们遇到了语言问题！：）砰的一声…虽然有点小故障…但它会无限滚动@没人在这里！“不过是可以检查一下的。”没人说话！我喜欢友好的人：）我也很高兴见到你，小伙子！！：D
    <div class="wrapper morediv">
    <div class="adsl"><image alt='scoll1-2tieng' src='http://www.maydoduonghuyet.com.vn/uploads/partners/scoll1_2tieng.gif' width='120' height='300' /></div>
<div class="adsr"><image alt='scoll2-hdsd' src='http://www.maydoduonghuyet.com.vn/uploads/partners/scoll2_hdsd.jpg' width='120' height='300'  /></div>
</div>

.wrapper{
    margin:0 auto;
    width: 500px;
    height: 1600px;
    position:relative;
    background: #FF0004
}

.adsl{
    position: fixed; margin-left: -135px; bottom: 0
}
.adsr{
    position: fixed; margin-left: 515px; bottom: 0
}

.adsl img, .adsr img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position:fixed;
    bottom:0px;
}

.adsl img{
     left:0;  /* set image to left */
     z-index:90; 
}

.adsr img{
     right:0; /* set image to right */
    z-index:90;
}

$(document).ready(function() {

    var sidebar   = $(".adsl");
    var offset    = sidebar.offset();
    var topPadding = 10;
    $(window).scroll(function() {
            sidebar.stop().animate({
                marginTop: $(window).scrollTop() + sidebar.height()/2 + topPadding
            });
    });    
    var sidebar2   = $(".adsr");
    var offset2    = sidebar2.offset();
    var topPadding2 = 10;
    $(window).scroll(function() {
            sidebar2.stop().animate({
                marginTop: $(window).scrollTop() + sidebar2.height()/2 + topPadding2
            });
    });

});