jquery - 位置缓动效果:固定div

我想在我的网站中添加博客图标
固定位置，底部：50px;正确的10px;
在页面滚动时，我想在图标上添加缓动效果（例如：一些在wordpress socialmedia icon demo link中可用的社交媒体小部件）。滚动时，图标必须根据滚动向上或向下移动，之后必须保持其位置并稳定下来。

最佳答案

通过使用某些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;}

这是工作演示http://jsfiddle.net/SAVF7/9/