最近做了些H5页面(文章页面),用户提了些常用的需求:返回上一页,停留在上次浏览的位置
搜索了些资料和抄抄前端妹子的代码,实现如下:
//返回上次浏览的位置
var sortId = $("#sortId").val(); //这篇文章的唯一标识id
var str = sortId + 'scrollTop';
////localStorage 方法存储的数据没有时间限制(从localStorage获取位置数据,类似于memcached)
var scrollTop = localStorage.getItem(str);
// alert(scrollTop);
if(scrollTop){
$('body').scrollTop(scrollTop);
}else{
$('body').scrollTop(0);
}
//保存浏览位置
$('body').on('touchmove', function(event) {
// event.preventDefault();
console.log($('body').scrollTop());
var scrollTop = $('body').scrollTop();
var sortId = $("#sortId").val();
var str = sortId + 'scrollTop';
localStorage.setItem(str,scrollTop); //存储位置数据
});
//已调通测试,将代码放入文章页面。
相关推荐
而我们想要的效果是:返回上一页面时,页面还停留在原来的状态,AJAX获取到的数据还在,滚动条也在原来的位置。 BINGO~ 通过HTML5的history API + 缓存可以做到这一点。 执行原理: 1.0、通过history API的 history....
可以记录用户在页面上的停留时间 并且还有遮罩层的效果,最小化和最大化都不影响遮罩的效果
用户停留浏览页面的时间统计,每1分钟获得一个红包或者金币的计算。首次进入页面计算时间,一旦停止在某个位置就增加某个固定的时间后停止增加。一旦滑动页面就继续增加时间。达到时间就最终停止,并进行下一轮统计
问题描述:在状态栏上显示 ,访问者在本页停留的 时间 (如:您在本页停留了 (如:您在本页停留了 X小时 X分 X秒) 该问题相当于是设计一个计时器,用于显示浏览者在该页面停留了多长时间。要解决该问题,我想到的...
在修改或删除grid中的数据时,删除成功后需要重新load数据,并继续停留在当前页,使用PagingToolbar的cursor属性获取当前的页码开始的记录数
CoordingatorLayout + TabLayout + ViewPage实现上下滑动TabLayout停留页面顶部;
运用本例子后将显示用户的登录时间。并且每过10s刷新一次页面显示用户的停留时间。
网页状态栏页面停留时间特效
网页状态栏页面停留时间特效 网页状态栏页面停留时间特效 网页状态栏页面停留时间特效 网页状态栏页面停留时间特效
花了很长时间终于把这个功能做出来了,跟大家分享下。用的是jquery。 有两个页面action.aspx和action_to_sql.aspx
采用JavaScript统计用户在网页的停留时间代码,简单易懂
主要介绍了访客站点停留时间和页面停留时间的实现方案,需要的朋友可以参考下
asp.net 鼠标停留在GridView某一行时颜色改变.ra
ASP.NET中鼠标停留在GridView某一行时颜色改变
顾及停留位置特征提取的个人位置预测方法.docx
针对港口停留区域识别时船舶轨迹大数据的精度低、稀疏、漂移等问题,提出了一种多约束条件下的船舶停留轨迹提取(MPTSSE)方法。首先,结合船舶轨迹数据特点,给出了用于停留区域识别与提取的停留段概念的定义;其次...
Python小程序_获取鼠标停留位置_屏幕坐标_停留时长_鼠标路径分析.py