我的wordpress历程4

好久没有折腾我的 一语 了。

最近闲暇的时间主要放在了自己学习加练习用的一个小东西 bookmarks 上,学一点,写一点,教程扫一扫,问题搜一搜,效率真心低下,但总算在一直慢慢坚持。但是这种进度,怕是再有一年半载的也看不到完成的希望……

前两天突然又想把网站的元素自动浮动固定给加上。

晚上折腾了一阵,感觉基础还是很有提升的,至少能看懂最开始从网上抄来完成这个功能的代码了。跟着人家的思路,把代码自己写了一遍,也加了一些改动。在自己的电脑上测试,效果还行。

代码如下

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script>
$.fn.smartFloat=function(x){
var element=$(this);
var thetop=element.position().top;
var pos=element.css('position');
var wid=element.css('width');
var offsetleft=element.offset().left;
var offsettop=element.offset().top;
$(window).scroll(function(){
var scrolls=$(this).scrollTop();
if(scrolls>thetop+x){
element.css({position: 'fixed',top: 0,width: wid});
element.offset({top:null,left:offsetleft});
}else{
element.css({position: pos,top: thetop,width: wid});
}
});
};
$('#tag_cloud-2').smartFloat();
</script>