<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>锚点定位-元素相对父级滚动</title>
<style>
.link{margin: 100px;}
.link a{margin: 0 5px;}
.parent{width: 300px;height: 100px;border: 1px solid #f00;
margin-left: 100px;background: #999;overflow-y: auto;}
.child{position: relative;}
.child1{color: #ff0;word-break:break-all;}
.child2{color: #f0f;word-break:break-all;}
.child3{color: #00f;word-break:break-all;}
.child4{color: #0f0;word-break:break-all;}
.child5{color: #0ff;word-break:break-all;}
</style>
</head>
<body>
<div class="link">
<a id="c1" href="#">child1</a>
<a id="c2" href="#">child2</a>
<a id="c3" href="#">child3</a>
<a
锚点定位-元素相对父级滚动
最新推荐文章于 2023-03-11 09:45:34 发布