纯CSS解决锚点跳转偏移

abcd23211年前前端开发1136

能用css自然不想用js解决,因为在加载方面,css总是先加载,并且速度很快。

.div{
   position:relative;
   padding-top:50px;
   margin-top: -50px;
}

 

完美兼容chrome和Firefox,其他浏览器未测试。

相关文章

实现checkbox 翻页后,仍保持选中状态

使用的技术 localStorage.setItem(key,val); localStorage.getItem(key); <input...

图片垂直居中,宽高按比例缩放不变形

高度大于宽度,按高度来,宽度自动;反之宽度大于高度也一样.sbzs dl{ width:279px; height:238px; line-height:234...

移动端html5手机网站如何定义字体font-family

使用自定义字体时候,很容易像PC端那样定义,其实安卓和ISO系统,对中文字体是不支持,所以定义以后看到效果不是直接定义字体效果,如果需要定义大家会想到 @font-face 定义为微软雅黑字体并存放到...

CSS字体font-family的正确选择方案

本文主要介绍的是CSS字体font-family的正确选择方案,由于设计稿和平台的不同,导致了制作有时候无法还原设计稿,理清各种平台字体区别,有助于做出最好的选择。大家都知道,在不同操作系统、不同游览...

用JS获取地址栏参数的方法

采用正则表达式获取地址栏参数:( 强烈推荐,既实用又方便!)function GetQueryString(name) {      v...

jq动画重复执行的解决方法

1. 在你的点击事件中加上一个判断,假设产生动画效果目标的是div这个节点,那么你要加上这个判断 它会确保你的动画只会在上一个动画结束后才能产生 ,可以保持动画的完整性,但是连续点击时会有反映迟钝的感...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。