Jquery 头寸的缓和效果：固定div

我想在我的网站中添加博客图标
其位置固定，底部：50px；右10px

---

在页面滚动时，我想在图标上添加一个缓和效果（例如：wordpress中提供的一些社交媒体小部件）。在滚动时，图标必须根据滚动向上或向下移动，然后必须保持其位置并固定。

使用一些

JS code

可以实现这种效果

下面是这里使用的Js代码

$().ready(function() {
        var $scrollingDiv = $("#scrollingDiv");

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

这里使用的CSS

#scrollingDiv{background-color:red; padding:5px; font-size:15px; position:fixed; top:0; right:0;}

---

这是工作演示

我得到了解决方案
我希望它能帮助别人！ HTML

jQuery--

---

您必须使用绝对位置而不是固定位置，并使用以下脚本：

JAVASCRIPT

$(document).ready(function() {
    var $yourDiv = $("#scrollingDiv");
    $(window).scroll(function(){            
        $yourDiv.stop().animate({"marginTop":($(window).scrollTop() + 10) + "px"}, "300" );
    });
});

CSS

#scrollingDiv{background-color:green; padding:5px; font-size:15px; position:absolute; top:0; right:0;}

---

这里是关于这个问题的：

寻找放松。我需要与这里显示的社交媒体图标完全相同的解决方案->我得到的答案发布在下面

 $(window).scroll(function(){

     var bb= $(document).scrollTop();
     var ac_height=$( window ).height()/2.3;
     bb=parseInt(bb)+parseInt(ac_height);
     var h=bb+'px'
     $('.blog_button').animate({top:h},50);
 });

$(document).ready(function() {
    var $yourDiv = $("#scrollingDiv");
    $(window).scroll(function(){            
        $yourDiv.stop().animate({"marginTop":($(window).scrollTop() + 10) + "px"}, "300" );
    });
});

#scrollingDiv{background-color:green; padding:5px; font-size:15px; position:absolute; top:0; right:0;}