纯CSS解决锚点跳转偏移
能用css自然不想用js解决，因为在加载方面，css总是先加载，并且速度很快。
.div{
position:relative;
padding-top:50px;
margin-top: -50px;
}
完美兼容chrome和Firefox，其他浏览器未测试。
相关文章
CSS之文本两端对齐
说起text-align，大家一定都不觉得陌生，我们常用关键字left、right、center实现行内元素相对父元素左、右、居中对齐，当然我们也使用justify来实现文本两端对齐。如上图，两端对齐...
谷歌在线字库应用
Google Fonts 提供了超过 600 种的高质量的字体，所有的浏览器都兼容，无需引入 JavaScript，简单易用，更重要的是，免费。如何使用 Google Fonts在线字库地址：http...
jQuery.raty.js星星评分插件使用
在做前端开发的过程中,我们经常用到星星评分插件。这里推荐一jquery,raty.js是一个专门用来做评分的。星星显示的效果如下：<script src="js/jquery...
css来控制img正方形自适应
该方法主要用来做网站自适应的，同时可以实现撑起内容高度。实现方法很多，其中简洁的方法就是直接在img的父元素上加padding-bottom<div class="img-b...
HTML5实现网页的全屏切换
使用HTML5提供的JavaScript Api可以实现主流浏览器的全屏和退出全屏操作，封装成进入全屏和退出全屏的函数如下：//进入全屏 func...
滚动条触动css动画效果——scrollreveal.js
和 WOW.js 一样，scrollReveal.js 也是一款页面滚动显示动画的 JavaScript，能让页面更加有趣，更吸引用户眼球。不同的是 WOW.js 的动画只播放一次，而 scrollR...
发表评论
