纯CSS解决锚点跳转偏移
能用css自然不想用js解决，因为在加载方面，css总是先加载，并且速度很快。
.div{
position:relative;
padding-top:50px;
margin-top: -50px;
}
完美兼容chrome和Firefox，其他浏览器未测试。
相关文章
滚轮滚动时让div背景图片移动的相对缓慢
鼠标滚轮滚动时，这一个div的移动速度相对较慢，下面其他div内容能够追上并超越它。css代码：.banner { width: 100%; position:...
滚动条触动css动画效果——scrollreveal.js
和 WOW.js 一样，scrollReveal.js 也是一款页面滚动显示动画的 JavaScript，能让页面更加有趣，更吸引用户眼球。不同的是 WOW.js 的动画只播放一次，而 scrollR...
jQuery.raty.js星星评分插件使用
在做前端开发的过程中,我们经常用到星星评分插件。这里推荐一jquery,raty.js是一个专门用来做评分的。星星显示的效果如下：<script src="js/jquery...
CSS实现单行、多行文本溢出显示省略号（…
如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览。实现方法：overflow: hidden;...
背景图片靠右对齐，并且间距从右算起
假如右边有个小箭头需要右对齐并且垂直居中，可以写成 background:url("images/icon.png")no-repeat right center;如果需要离右边1...
jq动画重复执行的解决方法
1. 在你的点击事件中加上一个判断，假设产生动画效果目标的是div这个节点，那么你要加上这个判断 它会确保你的动画只会在上一个动画结束后才能产生 ，可以保持动画的完整性，但是连续点击时会有反映迟钝的感...
发表评论
