js记录滚动条位置，页面刷新滚动条位置不变

最新推荐文章于 2024-08-29 10:53:39 发布

AQMAX

最新推荐文章于 2024-08-29 10:53:39 发布

阅读量1k

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/qq_38332693/article/details/100538436

版权

JavaScript 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

直接上代码

	<div class="content" data-role="tab-content"
			 data-id="course-a" runat="server" id="divContent"
			 style="height: 365px; overflow-y: scroll" onscroll="KeepScrollBar()">
			<p> 1</p>
			<p> 2</p>
			<p> 3</p>
			<p> 4</p>
			<p> 5</p>
			<p> 6</p>
			<p> 7</p>
			<p> 8</p>
			<p> 9</p>
			<p> 10</p>
			<p> 11</p>
			<p> 12</p>
			<p> 13</p>
			<p> 14</p>
			<p> 15</p>
			<p> 16</p>
		</div>

<script type="text/javascript">
			function KeepScrollBar() {
				var scrollPos;
				if(typeof window.pageYOffset != 'undefined') {
					scrollPos = window.pageYOffset;
				} else if(typeof document.body != 'undefined') {
					scrollPos = document.getElementById('divContent').scrollTop;
				}
				document.cookie = "scrollTop=" + scrollPos;
			}
			window.onload = function() {
				if(document.cookie.match(/scrollTop=([^;]+)(;|$)/) != null) {
					var arr = document.cookie.match(/scrollTop=([^;]+)(;|$)/);
					document.getElementById('divContent').scrollTop = parseInt(arr[1]);
				}
			}
		</script>