admin管理员组文章数量:1026989
直接上代码
<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>
直接上代码
<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记录滚动条位置，页面刷新滚动条位置不变 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://it.en369.cn/jiaocheng/1726434925a623842.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论