admin 管理员组

文章数量: 1184232

直接上代码

	<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>

 

本文标签： 滚动条 位置 页面 JS

版权声明：本文标题：js记录滚动条位置，页面刷新滚动条位置不变 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/b/1726434928a969961.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。