纯CSS解决锚点跳转偏移

abcd23211年前 (2024-10-31)前端开发1115

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

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

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

返回列表

说起text-align，大家一定都不觉得陌生，我们常用关键字left、right、center实现行内元素相对父元素左、右、居中对齐，当然我们也使用justify来实现文本两端对齐。如上图，两端对齐...

chrome浏览器下的input和textarea在聚焦的时候都有一个黄色的边框，而且textarea还可以任意拖动放大，这是不能容忍的，影响美观不说，有时候拖动textarea还会使页面布局错乱，所...

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

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

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

css动画大家都不陌生，但是你知道css动画是可暂停的吗？如果你不知道就来看看吧。虽然用过很多次animation，但是也就前几天才知道动画是可以暂停的，可见自己对动画的了解还是不够深，一起来学习一下...

潮人街