纯CSS解决锚点跳转偏移
能用css自然不想用js解决，因为在加载方面，css总是先加载，并且速度很快。
.div{
position:relative;
padding-top:50px;
margin-top: -50px;
}
完美兼容chrome和Firefox，其他浏览器未测试。
相关文章
取消chrome浏览器下input和textarea的默认样式
chrome浏览器下的input和textarea在聚焦的时候都有一个黄色的边框，而且textarea还可以任意拖动放大，这是不能容忍的，影响美观不说，有时候拖动textarea还会使页面布局错乱，所...
图片垂直居中，宽高按比例缩放不变形
高度大于宽度，按高度来，宽度自动；反之宽度大于高度也一样.sbzs dl{ width:279px; height:238px; line-height:234...
CSS之文本两端对齐
说起text-align，大家一定都不觉得陌生，我们常用关键字left、right、center实现行内元素相对父元素左、右、居中对齐，当然我们也使用justify来实现文本两端对齐。如上图，两端对齐...
滚动条触动css动画效果——WOW.js
在一些网页上，当你滚动页面的时候会看到各式各样的元素动画效果，非常动感。WOW.js 就是一款帮助你实现这种 CSS 动画效果的插件，很容易定制，你可以改变动画设置喜欢的风格、延迟、长度、...
滚轮滚动时让div背景图片移动的相对缓慢
鼠标滚轮滚动时，这一个div的移动速度相对较慢，下面其他div内容能够追上并超越它。css代码：.banner { width: 100%; position:...
flex布局设置单个子元素靠右
父元素设置了flex 布局display: flex; align-items: center;如何让某个子元素靠右呢?方法一flex: 1; text-a...
发表评论
