jQuery无插件页面平滑滚动的操作方法

在实现现在用的这个主题的时候想增加平滑滚动功能,上网找了一下,网上几乎所有的代码都不能用,让我很不开心,就咨询了一下职业前端艾可,得到了一个比较好的解决方案,如下:

1
$("html,body").animate({scrollTop: 0}, 300, 'swing');

解释一下,因为兼容性的问题,直接用$(document)去选择或者用$("body")去选择都是不明智的,事实证明也是如此,有的浏览器下能滚有的不能,而且在一些比较奇怪的情况下页面也不滚,具体原因是什么我也懒得深究了。

300是秒数,swing是动画过度的速率公式,可能的取值为:swing和liner,可以通过jQuery UI库增加动画类型,不过为了个动画单独调用一个库我觉得是不明智的。

以上~

Fedora下安装Typecho报错解决方法

在你的usr文件夹权限设置正常的情况下,如果在本地服务器上安装不了Typecho,报错无法连接到数据库,同时系统自带的SELinux报错的话请交替执行下面的操作:

第一步:用Root账户执行下面的命令:

1
2
# grep httpd /var/log/audit/audit.log | audit2allow -M mypol
# semodule -i mypol.pp

第二步:重新提交安装Typecho页面的表单。

这两个步骤需要循环执行五次,恩……

原因是什么呢~原因是啊,SELinux拦截了httpd服务的五个操作:write,create,setattr,remove_name,unlink 导致程序不能正常运行,上面的两行代码就是SELinux自带的放行当前警告操作的命令。

同理,在网上看视频,SELinux报错也可以这么解决……

SELinux什么的麻烦死了……

用css画一个漂亮的分割线

某个baka把我的博客弄坏了,导致人家好长时间写不了博客好难受ヽ(✿゚▽゚)ノ。今天博客修好了所以赶紧上来发一篇(≖ᴗ≖๑),大家想我没~

今天说的是如何画一个分割线。从小学开始我就有个非常2B偏见,用hr元素画出来的分割线不好看,也没有优化的余地。粗浅的学过css后我试着把实线的hr做成虚线的hr,不过说到头它不还是根线……

直到有一天我大概懂了伪元素到底是怎么回事,我眼中的hr变得不一样了~

如何通过jQuery/CSS重画select元素样式

此文在21日有修改。

话说某个晚上,在我发完如何重绘checkbox之后秋水菊苣问我如何重画一个select元素,我当时还觉得大概会是个很简单的事情,就接了这个科研任务……可是真正上手写的时候才发现(;´ ༎ຶ Д ༎ຶ)σ 太他娘的坑了(;´ ༎ຶ Д ༎ຶ)σ 妈妈我再也不造轮子了(;´ ༎ຶ Д ༎ຶ)σ 造轮大法一点也不好(;´ ༎ຶ Д ༎ຶ)σ 我的信仰崩溃了。

言归正传,select元素其实一直都挺恶心的,最近接商单的时候也是因为select不好看煞风景,客户让我解决一下。我刚开始用了一个消除掉mouse-eventspan给盖上了,不过IE9下根本不兼容ヽ( ° ▽°)ノ,于是我们就只能开始自己徒手造了。

如何使用js监听特定div内容的变化

最近在开发DAdolfans的时候遇到了这么个需求:监听一个contentEditablediv内容变化。

我们知道,监听textarea或者input内容的变化通过简单的jq监听就能做到,但是如果监听的对象是一个div的话它们就无能为力了。上网查了几个方法:

为页面实现真·自定义形状的滚动条

webkit支持对页面滑轮和滑道的自定义,但是那种自定义是有限的。比如:如果你想让滚轮滑道与页面的背景图片融合是不可能的,也不能让滑块有自行义的形状。

所以咱前一阵子强迫症爆发,在自己的应用中重新写了个滑道,案例的话请参考:https://github.com/DFLS/DAdolfans

自备less编译器,源码里的less浏览器nw是读不了的。

绘制一个Material Design风格的按钮

就在几天前,玲奈这个混蛋捏我,叫我捏一个google design的页面出来,之后我就跟个抖M似的屁颠屁颠给人家捏去了,Google Design里面那个按一下贴片就会出现个圆圈逐渐扩大的圆这个特效挺讨巧的,做过之后觉得有必要写个笔记,所以就写了(ゝ∀・)