在进行页面刷新时 刚开始使用ajax局部熟悉 但因为他需要在js中拼接的代码太长,后期改动不方便,且样式调整也不方便,
因为种种不方便采用form提交全页面刷新,
全部刷新时页面滚动条会回复到最顶端,在将使得界面用户体验不好。
因此在页面提交之前,记录滚动条的位置
function ScollPostion() {//滚动条位置
var t, l, w, h;
if (document.documentElement && document.documentElement.scrollTop) {
t = document.documentElement.scrollTop;
l = document.documentElement.scrollLeft;
w = document.documentElement.scrollWidth;
h = document.documentElement.scrollHeight;
} else if (document.body) {
t = document.body.scrollTop;
l = document.body.scrollLeft;
w = document.body.scrollWidth;
h = document.body.scrollHeight;
}
return { top: t, left: l, width: w, height: h };
}
分享到:
相关推荐
JavaScript 获取滚动条位置并将页面滑动到锚点 前言 这篇来记录下最近工作中遇到的一个问题,在app原生和前端h5混合开发的过程中,其中一个页面是选择城市列表的页面,类似于美团饿了么城市选择,银行app中银行...
1、整体浏览器滚动条页面加载时从cookie获取滚动条位置信息,然后附值给滚动条 从而定位滚动条位置 2、在 div 或者在 table滚动条加载时从cookie获取滚动条位置信息,然后附值给滚动条从而定位滚动条位置
代码如下:[removed] // 说明:用 Javascript 获取滚动条位置等信息 // 来源 :ThickBox 2.1 function getScroll() { var t, l, w, h; if (document.documentElement && document.documentElement.scrollTop) { t = ...
当前页面刷新的时候,滚动条会定位到刷新前的位置
主要获取鼠标在页面上的位置,包括当页面有滚动条的时候。。
Uniapp框架的针对微信小程序的使滚动条跳转到指定元素位置。直接复制粘贴内容,然后配置好page.json。就可以直接查看效果。
易语言取滚动条位置源码,取滚动条位置,获取位置
获取webbrowser滚动条当前位置,并可以自由设置滚动条位置。用c#语言编写,可以运行。获取webbrowser滚动条当前位置,并可以自由设置滚动条位置。用c#语言编写,可以运行。
vant list组件滚动保留滚动条位置 vant list组件滚动保留滚动条位置,需结合keepAlive使用,分享此篇,供大家参考。 1、保存位置的前提是用的keepAlive组件来做缓存,app.vue代码 <template> <div id="app"> ...
今天小编就为大家分享一篇layui 实现table翻页滚动条位置保持不变的例子,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
易语言滚动条位置判断源码。@易语言代码编写例子。
场景重现:在项目中使用了keep-alive来缓存组件,且使用element中的table列表,但在项目中是对table进行了二次封装,跟页码合在了一起。按照网上的直接对scrollTop赋值,赋值失败了,还要加上setTimeout才能成功,...
易语言读写滚动条位置源码,读写滚动条位置,获取位置,设置位置,消息
ASP.net:保持页面中滚动条的位置,使得页面提交后还在原来的位置,对于页面中DIV等等的滚动条控制,我在看了别人代码后,写了一个,感兴趣的朋友可以参考下哈
界面上有很多控件,而且控件焦点利用Tab或者Enter建操作,但是垂直滚动条位置也需要跟随焦点位置移动,方便查看界面遮住的部分。该实例利用递归算法,逐层计算出当前焦点控件所对应于滚动条所在容器的相对Y坐标,给...
//滚动条的初始位置 vsi.nMin = 0;//滚动条所能滚动的最小值 vsi.nMax = sz.cy+500; //滚动条所能滚动的最大值,可以根据实际情况设置 vsi.nPage = sz.cy;//一页的大小 SetScrollInfo(SB_VERT, &vsi, FALSE); //此...
使用原生js获取浏览器可是高度,滚动条高度,监听滚动条,滑动时 触发 改变导航元素位置,和子元素样式,适合新手参考借鉴!
易语言指定滚动条到具体位置源码
主要为大家详细介绍了WPF实现ScrollViewer滚动到指定控件处,具有一定的参考价值,感兴趣的小伙伴们可以参考一下