我想在我的网站上添加博客图标
它的位置固定,底部:50px;右 10px;
在页面滚动时,我想在图标上添加缓动效果(例如:wordpress 中可用的一些社交媒体小部件 socialmedia icon demo link )。在滚动时,图标必须根据滚动向上或向下移动,然后它必须保持其位置并固定。
最佳答案
通过使用一些 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/
关于jquery - 位置 :fixed div 的缓动效果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22086843/