纯CSS解决锚点跳转偏移

abcd23212年前 (2024-10-31)前端开发1667

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

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

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

返回列表

Google Fonts 提供了超过 600 种的高质量的字体，所有的浏览器都兼容，无需引入 JavaScript，简单易用，更重要的是，免费。如何使用 Google Fonts在线字库地址：http...

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

隐藏滚动条的同时还需要支持滚动，我们经常在前端开发中遇到这种情况，最容易想到的是加一个iscroll插件，但其实现在CSS也可以实现这个功能，我已经在很多地方使用了，下面一起看看这三种方法。方法1：计...

透明度参照表：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...

var winWidth = $(window).width(); var winHeight =$...

该方法主要用来做网站自适应的，同时可以实现撑起内容高度。实现方法很多，其中简洁的方法就是直接在img的父元素上加padding-bottom<div class="img-b...

潮人街