如何制作自动置顶的悬浮工具条(兼容IE6)?

作者: NickYang 分类: Wordpress,技术文章 发布时间: 2012-10-18 23:29

扒拉异次元分享工具条的同时,因为前面没有解决当滚动条滚过分享工具条的时候,工具条的CSS会改变格式,会改为position:fixed; top:0px。经过一番研究,发现应该是用JS来计算工具条的位置,然后在计算滚动条的位置,这样当滚过工具条时,重新设置工具条的CSS样式就可以了。查了下相关的资料,简单的写了一个,代码如下:

代码中对IE的版本进行了判断,做了不同情况的处理,所以完全兼容IE6,不过还是有待测试,因为我没有IE6的环境。现在再看看百度分享工具条的样子,看起来舒服多了。

图我就不多贴了,大家可以通过拖动滚动条来看看效果。不过可惜的是还有一个问题没解决,就是前一篇后一篇的问题,包括title,还是有一个莫名的尖括号出来,烦恼。。。。。 等解决完这个问题就分享这个工具条给大家。

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

5条评论
  • 茶话汇

    2012 年 10 月 20 日 08:40

    不错,MARK,你这个分享工具条怎么和百度上获取代码提供的样式不同呢?如何定制的啊?多谢

    话唠 其它浏览器 其它操作系统
    1. eliteYang

      2012 年 10 月 20 日 15:07

      正在修改中,修改完会放出来的,大概明天会分享的,请持续关注。

      神话 其它浏览器 其它操作系统
  • icedream

    2012 年 10 月 19 日 23:01

    谢谢你,期待中

    活跃 其它浏览器 其它操作系统
    1. eliteYang

      2012 年 10 月 19 日 23:12

      现在就剩那个前后导航的问题了,实在是不熟悉,去问了下大家也是模棱两可的,还是自己研究吧。

      神话 其它浏览器 其它操作系统
      1. icedream

        2012 年 10 月 19 日 23:21

        可以试下这篇文章:http://digwp.com/2009/08/wordpress-page-navigation/

        活跃 其它浏览器 其它操作系统

发表评论

电子邮件地址不会被公开。 必填项已用*标注