一、回到顶部以及留言改动
可能是网站使用的插件比较多,也可能是HTTPS的影响。导致博客界面右下角本应该显示回到顶部和留言的按钮不见了。之前内容少的时候没觉得,现在内容多了,如果一直滚动页面或者是拖滚动条就有点不方便了。于是采用了其他的一个插件来的替代这个功能。效果还可以,但是总觉得少了点什么。原本主题自带的功能除了回到顶部,还有一个快速跳转留言的功能,在主页跳转的是留言板,在文章页或者单页,跳转的留言区域。
今天有时间了,还是决定优化一下。排查过问题,是样式的问题,虽然主题的style.css样式中内容是正常的,但是不知道是哪里受到了影响,导致某一部分加载背景图片的样式没加载出来。直接在样式文件中修改过,并不生效。直到我发现了一个插件,DIY Something,支持挂载自定义JS/CSS。
参考插件说明,找到了/zb_users/plugin/diySth/usr/style.css 文件,在其中添加了未加出来的样式。设置背景图片,以及图片位置。
.tools_comments, .tools_top { display: block; margin-top: 5px; width: 2pc; height: 2pc; background: url(/zb_users/theme/Blogs/image/top.gif) no-repeat; background-position: 0 -4pc; } .tools_top { background-position: 0 0pc; } .tools_top:hover { background-position: 0 -2pc; }
清除缓存后,查看效果,终于出现了。
但是当我点击留言板的时候,发现了一个很尴尬的问题。跳转到留言板界面,锚点定位到留言框时,屏幕一直在闪烁,就好像一直在向下滚动。初步怀疑是前几天弄得飘雪插件影响的。
二、飘雪插件优化
于是,我先关闭了飘雪插件,再次点击留言板跳转,果然,没有闪屏的问题了。但是明显能感觉到页面跳了一下。看页面地址:https://www.zjh336.cn/?id=2#divCommentPost 这是带了锚点定位呀。那应该是这样的,页面跳转进来,先做了页面渲染,再做锚点跳转。而之前在做飘雪插件改动的时候,为了雪花渲染区域为整个页面,做了一个延迟一秒加载的处理。看来可能是这个延迟加载一秒造成的,渲染的页面效果与定位起了冲突。那就做个简单的处理,将一秒改为两秒,等锚点跳转完成再渲染页面。
三、结语
所谓的用户体验,都是这一点一滴的细节。只要是发现了,还能有优化提升的空间,而且自己能办得到,就要不遗余力的完善。我想,这样才能越做越好吧。如果大家有什么好的建议,欢迎在留言区留言,谢谢!
还没有评论,来说两句吧...