Cookie记住滚动条

最新推荐文章于 2025-09-10 16:16:57 发布
转载 最新推荐文章于 2025-09-10 16:16:57 发布 · 73 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/gaotianle/archive/2010/08/20/1804310.html
文章标签：

#javascript #ViewUI

<HTML>
<HEAD>
<TITLE>Cookie记住滚动条</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<SCRIPT type="text/javascript">
<!--
window.onload =function()
{
    if(getCookie("scrolltopheight")!=null)
        document.body.scrollTop=getCookie("scrolltopheight");
}

window.onunload =function ()
{
    setCookie("scrolltopheight",document.body.scrollTop);
}

function getCookie(sName)
{
    var aCookie = document.cookie.split("; ");
    for (var i=0; i < aCookie.length; i++)
    {
        var aCrumb = aCookie[i].split("=");
        if (sName == aCrumb[0])
        return unescape(aCrumb[1]);
    }
    return null;
}

function setCookie(sName, sValue)
{
    date = new Date();
    date.setTime(date.getTime()+5000);  //5 second
    document.cookie = sName + "=" + escape(sValue) + "; expires=" + date.toGMTString();
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<ol>
<li>*</i><li>*</i><li>*</i><li>*</i><li>*</i>
<li>*</i><li>*</i><li>*</i><li>*</i><li>*</i>
<li>*</i><li>*</i><li>*</i><li>*</i><li>*</i>
<li>*</i><li>*</i><li>*</i><li>*</i><li>*</i>
<li>*</i><li>*</i><li>*</i><li>*</i><li>*</i>
<li>*</i><li>*</i><li>*</i><li>*</i><li>*</i>
<li>*</i><li>*</i><li>*</i><li>*</i><li>*</i>
<li>*</i><li>*</i><li>*</i><li>*</i><li>*</i>
<li>*</i><li>*</i><li>*</i><li>*</i><li>*</i>
<li>*</i><li>*</i><li>*</i><li>*</i><li>*</i>
<li>*</i><li>*</i><li>*</i><li>*</i><li>*</i>
<li>*</i><li>*</i><li>*</i><li>*</i><li>*</i>
<li>*</i><li>*</i>
</ol>
<li>*</i><li>*</i><li>*</i><li>*</i><li>*</i>
<li>*</i><li>*</i><li>*</i><li>*</i><li>*</i>
<li>*</i><li>*</i><li>*</i><li>*</i><li>*</i>
<li>*</i><li>*</i><li>*</i><li>*</i><li>*</i>
<li>*</i><li>*</i><li>*</i><li>*</i><li>*</i>
<li>*</i><li>*</i><li>*</i><li>*</i><li>*</i>
<li>*</i><li>*</i><li>*</i><li>*</i><li>*</i>
<li>*</i><li>*</i><li>*</i><li>*</i><li>*</i>
<li>*</i><li>*</i><li>*</i><li>*</i><li>*</i>
<li>*</i><li>*</i><li>*</i><li>*</i><li>*</i>
<li>*</i><li>*</i><li>*</i><li>*</i><li>*</i>
<li>*</i><li>*</i><li>*</i>
</BODY>
</HTML>

转载于:https://www.cnblogs.com/gaotianle/archive/2010/08/20/1804310.html

Web自动化测试之显示等待、下拉列表、弹窗、滚动条、frame切换、窗口切换、截图、验证码、cookie
limy_liu的博客
12-20 999
文章目录1. 显示等待2. 下拉列表3. 弹窗4. 滚动条5. frame切换6. 窗口切换7. 截图7. 验证码8. cookie介绍9. Selenium操作cookie 今日目标 能够记住显式等待的使用方法 能够使用Select完成对下拉框的操作 知道弹出框的处理方式了解如何操作滚动条 能够实现frame的切换 能够实现多窗口切换 能够实现对浏览器窗口的截图操作 知道验证码处理的方式 了解...
页面加载时从cookie获取滚动条位置信息
Justin-lin的专栏
07-18 614
本人自己使用的两种从cookie获取滚动条位置信息 1、整体浏览器滚动条页面加载时从cookie获取滚动条位置信息，然后附值给滚动条 从而定位滚动条位置 window.onload= function() {     debugger;     var arr;                                                if(arr=document.coo...
html页面刷新瞬间有滚动条,页面刷新时记住滚动条的位置jquery代码
weixin_34757565的博客
06-03 591
我们都知道刷新网页的时候，都不会保留网页之前的状态，但是在实际应用中，我们的网页需要保留原始滚动条，下面就让爱站技术频道小编带给大家的页面刷新时记住滚动条的位置jquery.html" target="_blank">jquery代码吧！@*点击按钮页面刷新的时候 记住滚动条的位置*@复制代码 代码如下:window.onbeforeunload = function () {var scr...
记住滚动条位置的 js
03-24 220
//记录滚动条位置$(function () { // 获取当前文件名 function getFileName() { var url = this.location.href var pos = url.lastIndexOf("/"); if (pos == -1) pos = url.lastInde...
页面刷新的时候记住滚动条的位置
诸葛韩信--一个前往前端不归路的浪子
12-09 4150
知识点，1、滚动条滚动时候的方法（scrolltop）；2、cookie（浏览器或其它软件存cookie）3、onbeforeunload ；4、window.onload。      兼容性较好的代码如下： window.onbeforeunload = function() {                    var scrollPos;              
js 记住浏览器的滚动条位置
Mia_Zhu的博客
07-18 1874
function Trim(strValue) { return strValue.replace(/^s*|s*$/g,""); } function SetCookie(sName, sValue) { document.cookie = sName + "=" + escape(sValue); } function GetCo
HTML查找滚动条代码的位置,如何通过JS记录滚动条位置？
weixin_32498321的博客
06-07 510
【实例代码】HTMLHEADTITLE 记录滚动条位置/titlescript language=javascriptfunction SetCookie(sName, sValue){date = new Date();s = date。getDate();date。setDate(s+1);//设置cookie的有效期document。cookie = sName + = + escape(s...
页面刷新的时候，记住滚动条的位置
Cheny的博客
06-16 3090
@*点击按钮页面刷新的时候  记住滚动条的位置*@     script type="text/javascript">         window.onbeforeunload = function () {             var scrollPos;             if (typeof window.pageYOffset != 'undefined') {       
js记录滚动条位置，页面刷新滚动条位置不变
搬砖的石头
09-04 1129
直接上代码 <div class="content" data-role="tab-content" data-id="course-a" runat="server" id="divContent" style="height: 365px; overflow-y: scroll" onscroll="KeepScrollBar()"> <p>...
iframe：切换页面后，记录当前iframe页面滚动条的高度，再次打开时滚动到相应位置
cxy的博客
07-27 1322
// 点击选项卡菜单 function activeTab() { //获得即将离开得tab项，并保存此刻滚动条得高度 //1.获得激活菜单得dataId let dataId = ''; $('.page-tabs-content .J_menuTab').each(function() { if($(this).hasClass('active')){ dataId = $(this).data('id'); } }); //2.tab和iframe 中
页面刷新时记住滚动条的位置jquery代码
12-01
通过以上技术，我们可以实现页面刷新时记住并恢复滚动条位置的功能，从而提供更连贯的浏览体验。在实际开发中，可能还需要考虑跨域、cookie大小限制、过期时间等因素，以确保该功能的稳定性和兼容性。
使用cookie实现页面滚动条位置记忆
"本文将探讨如何在页面加载时从cookie中获取滚动条位置信息，以便在用户再次访问时恢复滚动位置，实现更好的用户体验。我们将讨论两种情况：整体浏览器滚动条和特定div或table滚动条的处理方法。" 在Web开发中，...
实现滚动条位置持久化存储的方法
在软件开发中，保存滚动条位置是一个常见的需求，尤其是在处理长列表或者大量数据展示的场景下，用户需要能够记住上次浏览的位置。这个功能的实现涉及到前端和后端的知识，下面我将详细说明与保存滚动条位置相关的...
大数据毕业设计选题推荐-基于大数据的贵州茅台股票数据分析系统-Spark-Hadoop-Bigdata
IT研究室的博客
09-07 1188
本文介绍了基于Hadoop+Spark的贵州茅台股票数据分析系统，采用Python/Java语言开发，集成Django/Spring Boot后端与Vue前端，实现多维金融数据分析。系统核心功能包括价格趋势分析、成交量跟踪、波动性评估及技术指标验证，通过Spark SQL和Pandas处理海量交易数据，支持日均价格走势、价量相关性、MACD/RSI指标等深度挖掘。界面展示包含Echarts动态可视化图表，代码示例演示了Spark计算日均均价、20日均线及价格区间统计逻辑。
vue2(7)-单页应用程序&路由
Naiveyouzhi的博客
09-07 313
快速引入组件，也可以用绝对路径 基于@指代src目录，从src目录出发找组件。最大的原因是：页面按需更新 要按需更新，就要明确访问路径和组件的关系。类名太长可以在router，index.js里面配置。单页应用程序，之所以开发效率高，性能高，用户体验好。右边第三个框，是在main.js中导入的。5.声明式导航-导航链接。2.路由：路径和组件的映射关系。配组件 配规则，配导航 配出口。如 单页：网易云，多页：京东。6.声明式导航-两个链接。6.声明式导航-跳转传参。
JavaScript的功能和作用
2402_83164836的博客
09-10 475
JavaScript（简称 JS）是一种​​，最初设计用于为网页添加动态交互功能。经过多年发展，其应用场景已远超浏览器，成为覆盖前端、后端、移动端、桌面端甚至物联网等领域的“全场景语言”。
web 网页数据传输处理过程
weixin_47106289的博客
09-08 787
web 网页数据传输处理过程
＜uniapp＞＜指针组件＞基于uniapp，编写一个自定义箭头指针组件
最新发布
用沸腾的热血，支付我们的人生吧！
09-10 394
本文介绍了基于uniapp开发的自定义带箭头指针组件，通过SVG实现直线和箭头的组合效果。组件支持设置长度、颜色、角度等参数，并提供三种箭头规格(small/normal/big)可选。文章详细讲解了SVG结构的实现过程，包括计算终点坐标、响应式参数处理等核心功能，并展示了不同配置下的指针效果。该组件可用于时钟指针等场景，具有灵活性和复用性特点。
基于若依框架Vue+TS导出PDF文件的方法
m0_69564658的博客
09-08 451
本文介绍了在若依框架(Vue+TypeScript)中导出PDF的实现方法。主要使用html2canvas和jspdf库，通过将HTML内容转换为Canvas再生成PDF文件。文章详细说明了安装依赖、封装工具函数、组件调用步骤，并提供了代码示例。同时指出了跨域图片、样式控制等注意事项，并建议了pdfmake、vue-html2pdf等进阶方案。该方法适用于若依框架的PDF导出需求，可根据实际场景灵活调整。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值