纯CSS解决锚点跳转偏移
能用css自然不想用js解决，因为在加载方面，css总是先加载，并且速度很快。
.div{
position:relative;
padding-top:50px;
margin-top: -50px;
}
完美兼容chrome和Firefox，其他浏览器未测试。
相关文章
透明度与十六进制代码转换
透明度参照表：00%=FF（不透明） 5%=F2 10%=E5 15%=D8 20%=CC 25%=BF 30%=B2 35%=A5 40%=99 45%=8c 50%=7F 55%=72 60%=6...
取消chrome浏览器下input和textarea的默认样式
chrome浏览器下的input和textarea在聚焦的时候都有一个黄色的边框，而且textarea还可以任意拖动放大，这是不能容忍的，影响美观不说，有时候拖动textarea还会使页面布局错乱，所...
HTML5实现网页的全屏切换
使用HTML5提供的JavaScript Api可以实现主流浏览器的全屏和退出全屏操作，封装成进入全屏和退出全屏的函数如下：//进入全屏 func...
滚动条触动css动画效果——WOW.js
在一些网页上，当你滚动页面的时候会看到各式各样的元素动画效果，非常动感。WOW.js 就是一款帮助你实现这种 CSS 动画效果的插件，很容易定制，你可以改变动画设置喜欢的风格、延迟、长度、...
滚轮滚动时让div背景图片移动的相对缓慢
鼠标滚轮滚动时，这一个div的移动速度相对较慢，下面其他div内容能够追上并超越它。css代码：.banner { width: 100%; position:...
jQuery pjax 简单入门
Pjax是ajax的升级版，怎么理解呢，当初学习ajax的时候讲了ajax的优缺点，其中一个缺点是破坏了浏览器的前进后退，因为ajax的请求不会留在历史记录中。pjax就不一样了，pjax...
发表评论
