页面刷新后让其回到滚动条原来的位置

设计一个刷新时记录滚动条位置的隐藏域:

<ul class="pos-scroll btdatalist" id="bertList">

</ul>
<input id="divScrollValue" type="hidden" value="0" />

js:
function getSectionBaseInfo(){
//刷新后回到原来的滚动条位置document.getElementById("bertList").scrollLeft = document.getElementById("divScrollValue").value;
htmlObj.timer = setInterval(function(){    //记录滚动条的位置    document.getElementById("divScrollValue").value = document.getElementById("bertList").scrollLeft;    getSectionBaseInfo();},30000);
}
时间: 2024-10-11 21:37:44

页面刷新后让其回到滚动条原来的位置的相关文章

使用sessionStorage解决vuex在页面刷新后数据被清除的问题

https://www.jb51.net/article/138218.htm 1.原因 2.解决方法 localStorage没有时间期限,除非将它移除,sessionStorage即会话,当浏览器关闭时会话结束,有时间期限,具有自行百度 我这里使用sessionStorage,这里需要注意的是vuex中的变量是响应式的,而sessionStorage不是,当你改变vuex中的状态,组件会检测到改变,而sessionStorage就不会了,页面要重新刷新才可以看到改变,所以应让vuex中的状态

vue通过路由传值及在页面刷新后如何保存值

1.普通的路由跳转 方式一:通过routerLinkTo方式,转为a标签的跳转,to里面相当于a标签的href路径 如下: 方式二:通过this.$router.push方式: 如下: 2.带参数的路由跳转 通过动态参数:通过这种方式传递的参数在刷新后不会消失,但会显示在url路径上 router设置如下: 跳转方式: 接收路由参数方式: 通过params和query等方式:query和path为一个组合,params和name为一个组合,不同之处在于query方式会显示在url上,而param

C# 中解决页面刷新后字体等变大问题

来源:http://blog.csdn.net/wcsjsdn/article/details/5109605 我们在.net开发中时常会遇到一个问题,那就是,当点击某个按钮后,调用js语句,当点击"确定"后,会发现页面的css样式表丢失,页面的框架不正常. 那么,我们用什么样的代码能让他既有js的效果语句,又不影响页面的基本框架啦,这句需要用到页面注册的知识:RegisterClientScriptBlock或RegisterStartupScript,这两个的效果一下,唯一区别是:

ASP.Net页面刷新后自动滚动到原来位置

在网上搜索之后总结了三种方式: 1.设置Page中的MaintainScrollPositionOnPostback属性为true A>.页面里有MaintainScrollPositionOnPostback,默认是false,设为true即可(页面级) <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" MaintainScrollP

解决vue单页面刷新后vuex中数据恢复初始值的问题

思路是页面关闭前将state的数据存储到浏览器缓存里,页面加载时再取出来存到state中 //App.vue created () { if (this.$getLocal("store")) { this.$store.replaceState( Object.assign({}, this.$store.state, this.$getLocal("store", "parse")) ); } window.addEventListener(

JSP中页面刷新后保留文本输入框的值

原本我想按照记忆中ASP的什么回调方法来做的,看了看网上的还是这样做方便多了: <input type="text" name="sname" value="${sname}"/> 看来还是处处都需要学习啊!

jsp页面刷新后保留文本输入框和下拉框的值

保留下拉框 <select name="status">     <option value="all" <c:if test="${status eq 'all'}">selected</c:if>>状态</option>     <option value="notstart" <c:if test="${status == 'notstar

页面刷新后表单里面input的元素不清空,怎么办?

有过表单设计经验的朋友肯定知道,当我们在浏览器中输入表单信息的时候,往往input文本输入框会记录下之前提交表单的信息,以后每次只要双击 input文本输入框就会出现之前输入的文本,这样有时会觉得比较方便,但有时也会暴露用户的隐藏数据,所以今天就教大家让input表单输入框不记录输 入过信息的方法. 其实方法很简单,只需要在input文本输入框中加一条属性autocomplete="off"即可. input 的属性autocomplete 默认为on,其含义代表是否让浏览器自动记录之

Vue 路由跳转传递参数,子组件页面刷新后数据不丢失

原文地址:https://www.cnblogs.com/yscec/p/12408492.html