到指定位置固定侧边栏

VIP文章菜鸟级码农小林

已于 2022-05-17 14:17:49 修改

阅读量363

点赞数 1

于 2022-05-07 14:03:09 首次发布

本文链接：https://blog.csdn.net/m0_59735348/article/details/124629574

版权

<style>
	body{
		margin:0 auto;
		width: 800px;
	}
	.goBack{
		display: none;
	}
	.aside{
		background-color: pink;
		width: 50px;
		height: 200px;
		position: absolute;
		top: 400px;
		left: 1400px;
	}
	.header{
		background-color: red;
		width: 800px;
		height: 400px;
	}
	.main{
		background-color: green;
		width: 800px;
		height: 500px;
	}
	.footer{
		background-color: gray;
		width: 800px;
		height: 1200px;
	}
</style>
<html>
    <div class="aside">
		<a href="#" class="goBack">返回顶部</a>
	</div>
	<div class="header"></div>
	<div class="main"></div>
	<div class="footer"></div>
</html>
<script>
		var aside = document.querySelector('.aside')
		var main = document.querySelector('.main')
		// mainTop是指main上面的高度
		var mainTop = main.offsetTop
		var footer = document.querySelector('.f

最低0.47元/天解锁文章

菜鸟级码农小林

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
到指定位置固定侧边栏

<style> body{ margin:0 auto; width: 800px; } .goBack{ display: none; } .aside{ background-color: pink; width: 50px; height: 200px; position: absolute; top: 400px; left: 1400px; } .header{ background-color: red; width: 80.
复制链接

扫一扫