我的wordpress历程4

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

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

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

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

代码如下

<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>
仅有 1 条评论
  1. 家鳖大帝 家鳖大帝

    博主你的代码高亮插件貌似已经失效了?

添加新评论