我的wordpress历程4

发表于 更新于 分类于 Waline：

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

最近闲暇的时间主要放在了自己学习加练习用的一个小东西 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>