jquery - 位置 :fixed div 的缓动效果

Question

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

Answer 1

通过使用一些 JS 代码 你可以达到那个效果。

这里是用到的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/