一些细节和体验度

前几天看到一篇很好的文章,是说网页底部那一个“缓冲回到顶部”功能的实现,当时很兴奋,因为在改这个博客的时候有个问题一直很困扰我:页面太长导致往往需要拖拉滚动栏,点了一天鼠标的食指实在不想再耗那哪怕一秒的力气了(我懒- -)…同时一直很喜欢淘宝的那个功能,就是拖动滚动条到一定区域的时候顶部选择分类的才会固定在浏览器顶部,这个“gotop”的功能用了一个很简洁的js代码实现咯!

具体的效果可以试试拖动本页,然后看右下角的png图标。教程的话就不放了,点击文章开头的链接自己看吧~但是如果要在IE6也能正常显示的话,还需要另外加js到css文件里面去哦,同时要解决png在ie6的透明hack~~不过这样很折磨浏览器的,不建议。(再次暗骂gates,阉了IE6吧)

在上两周为博客右栏增加了火兔后,经常想到发布一些忽然来的想法,当是一个便签本咯。相关的设置可以到火兔官网点击“更多玩法”,相信你会比我发掘出更多好玩的东西…

最后说说重点的吧。有一个问题也是困扰了我很久,在做资讯页面(文字为主)的时候,很长很长的一篇文章会用p标签,那么…line-height到底设置多少才是合理?才能让浏览者阅读更加舒服呢?终于在今天看了dreamcog一篇文章,很好得到了解决。

根据“黄金分割”的计算:

最合适阅读的行高是12像素:12× 1.618=19.4 PX

最合适阅读的行高是14像素:14× 1.618=22.7 PX

今天很满足哦 解决了两个心头大患的小问题~

谢谢以上两位博主。大家有类似问题可以找我一起讨论的

返回顶部  缓冲效果  line-height最佳数值  

相关文章:


Trackback

本文到目前为止有10条评论

  1. Gravatar Icon
    返回顶部的缓冲JS我也有在用耶,挺不错的

    回复

  1. Gravatar Icon
    感觉放到右侧的话更顺手一点。

    回复

  1. Gravatar Icon
    恩,很有感觉的哈

    回复

  1. Gravatar Icon
    看样子是很有感觉的。

    回复

  1. Gravatar Icon
    这套模版很不错

    回复

  1. Gravatar Icon
    我也想试试,你的我没看到啊
    oikewll 于 2009-12-12 23:26:47 回复
    确定浏览器开启了js支持?
    用的是IE7或者FF?(暂时IE6失效)
    canaan 于 2009-12-13 9:36:22 回复
    ie8有显示,chrome下没有

    回复

  1. Gravatar Icon
    这个功能不错。

    回复

  1. Gravatar Icon
    什么效果也没看出来啊!

    回复

  1. Gravatar Icon
    什么效果也没看出来啊!
    oikewll 于 2009-12-14 17:32:25 回复
    是右下角呢,请确认:
    1.确定浏览器开启了js支持?
    2.经测试,IE6、safari、chrome三个浏览器不生效!隐藏了

    回复

  1. Gravatar Icon
    很不错.看到了右下角那个可爱的top

    回复

添加评论