固定定位+锚记

固定定位+锚记

顶部用 position: fixed 固定导航时，锚点跳转默认贴到视口顶端，内容被导航挡住。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>固定定位+锚记</title>
		<style type="text/css">
			.main{
				height: 3000px;
				/*padding: 1500px 0;*/
			}
			.img{
				position: fixed;
				right: 0px;
				bottom: 0px;
			}
		</style>
	</head>
	<body>
		<div class="main">
			<!--网页高度3屏-->
			<h1 id="top">我是顶部</h1>
			<!--点击图片，返回顶部-->
			<a href="???"><img src="img/前.png"></a>
		</div>
	</body>
</html>
posted @ 2026-05-23 13:58  安徒生的熊  阅读(7)  评论(0)    收藏  举报