详细解说CSS锚点的使用(新手)

Lisa Kudrow
Lepaskan: 2020-07-14 12:04:47
ke hadapan
3074 orang telah melayarinya

详细解说CSS锚点的使用(新手)

CSS锚点使用有两种方法,我建议使用下面这种:

到达第一个锚点
Salin selepas log masuk
Salin selepas log masuk
到达第二个锚点
Salin selepas log masuk
Salin selepas log masuk

我是第一个锚点

Salin selepas log masuk

我是第一个锚点

Salin selepas log masuk

这样当我们点击A链接时, 对应的DOM节点就会滚动到窗口顶部。

但有时我们的需求并不是让它滚动到窗口顶部。 可能要他距离顶部有一定的距离。这时候可以由以下方法解决。

到达第一个锚点
Salin selepas log masuk
Salin selepas log masuk
到达第二个锚点
Salin selepas log masuk
Salin selepas log masuk

Salin selepas log masuk

我是第一个需要滚动的内容

Salin selepas log masuk

Salin selepas log masuk

我是第二个需要滚动的内容

Salin selepas log masuk

这样就可以达到滚动后距离顶部200px的效果。而不影响原页面的样式

感谢大家的阅读,希望大家收益多多。

本文转自:https://blog.csdn.net/baidu_32519511/article/details/52668834

推荐教程:《CSS教程》//m.sbmmt.com/css-tutorial.html

Atas ialah kandungan terperinci 详细解说CSS锚点的使用(新手). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:csdn.net
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!