纯CSS解决锚点跳转偏移
能用css自然不想用js解决，因为在加载方面，css总是先加载，并且速度很快。
.div{
position:relative;
padding-top:50px;
margin-top: -50px;
}
完美兼容chrome和Firefox，其他浏览器未测试。
相关文章
滚屏加载–无刷新动态加载数据技术的应用
滚屏加载技术，就是使用Javascript监视滚动条的位置，每次当滚动条到达浏览器窗口底部时，触发一个Ajax请求后 台PHP程序，返回相应的数据，并将返回的数据追加到页面底部，从而实现了动态加载，其...
滚动条触动css动画效果——scrollreveal.js
和 WOW.js 一样，scrollReveal.js 也是一款页面滚动显示动画的 JavaScript，能让页面更加有趣，更吸引用户眼球。不同的是 WOW.js 的动画只播放一次，而 scrollR...
iframe背景透明设置方法
iframe的背景颜色在IE下为window的当前窗口颜色（默认白色，可以在显示外观处对其进行设置），这导致在大幅背景上插入iframe时，需要给它“透底”，可是IE不支持对iframe设置背景色，那...
透明度与十六进制代码转换
透明度参照表：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...
HTML5实现网页的全屏切换
使用HTML5提供的JavaScript Api可以实现主流浏览器的全屏和退出全屏操作，封装成进入全屏和退出全屏的函数如下：//进入全屏 func...
CSS实现单行、多行文本溢出显示省略号（…
如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览。实现方法：overflow: hidden;...
发表评论
