在移动端的操作的时候,相信大家都遇到到这种情况,翻了好几页了,点击一项进去查,然后回来的时候,还想回来我原来的位置. google上也找了一此,有一个组件,但是好像是如果想实现这个功能,页面就得用那个组件包进来. 一个项目已经写了几十个页面了,每个页面都去把他包进去,然后再实现组件里的方法,太痛苦了. 后来发现router里有onEnter onLeave事件,那就在这里做文章吧.这就方便多了,就在router.jsx每个里面加 onEnter={()=>{}} onLeave = {()=>

当div中绑定数据,给它一个属性overflow-y: scroll,添加长度大小,使其能够出现滚动条:每次刷新的时候滚动条总是会出现在最上方,这使我很头疼,经过查阅网上资料,返现两种方法可行.如下: 第一种方案 将上一个页面的div的scrolltop距离长度记录在cookie中,然后通过js调整刷新页面时的长度记录,代码如下: js代码: <script> var _h = 0; function SetH(o) { _h = o.scrollTop SetCookie("a&q

window.onbeforeunload = function () { var scrollPos; if (typeof window.pageYOffset != 'undefined') { scrollPos = window.pageYOffset; } else if (typeof document.compatMode != 'undefined' && document.compatMode != 'BackCompat') { scrollPos = documen

代码如下,重点是JS部分的代码(部分样式引用的是Bootstrapt中的):   <style> .sidebar-menu .special{ font-size: 16px; margin-bottom:6px; } .sidebar-menu ul,li{padding:0;margin:0;} .sidebar-menu .black{ background-color:#2c3b41; } .sidebar-menu .size{ font-size: 18px; } </st

今天遇到刷新页面不回到顶部的需求 window.location.reload();方法已经解决了问题,但是ie8不支持,后来采用的是锚点这个方法 window.location = '/plan/getList.action#md';

页面刷新后,想保存页面未保存的数据.我们总是习惯于放在浏览器的sessionStorage和localStorage中.但是用了vue后,vuex便可以被应用了. vuex优势:相比sessionStorage,存储数据更安全,sessionStorage可以在控制台被看到. vuex劣势:在F5刷新页面后,vuex会重新更新state,所以,存储的数据会丢失. 为了克服这个问题, vuex-persistedstate出现了~~ 原理: 将vuex的state存在localStorage或se

情况 情况再简单说明一下: 有三个页面(a-列表页面,b-内页1,c-内页2),页面a->页面b->页面c有参数传递.从a进入b后,刷新b页面拿不到a页面传进来的参数.或者b页面再进入c页面,并由c页面返回b页面,b页面丢失a页面传入的参数. 参数的传递使用的是vue-router, query传参 let para = { id: info.subjId, subjInit: info.subjInit, subjectGuid: info.subjectGuid, visitNo: inf

在各种限时,秒杀活动中,有个自动循环的点击的工具是很重要的. 为了方便起见,我们把Js代码放在浏览器的控制台执行,但是刷新页面后,js代码就清空了,也就无法执行. 可以用js代码实现一个不受页面刷新影响不断执行的代码,如下: 1. 必要的知识 prompt() 弹出对话框,获取用户输入的文本setTimeout(,) 延迟执行函数write() 可向指定对象写入html代码或者js代码with() 设定代码的作用域 2.大致框架 var timeout = prompt("设置刷新时间"

有时候,在网页中点击了页面中的按钮或是刷新了页面后,页面滚动条又 会回到顶部,想看后面的记录就又要拖动滚动条,或者要按翻页键,非常不方便,想在提交页面或者在页面刷新的时候仍然保持滚动条的位置不变,最好的办法就是 在JS中用cookie记录下当前滚动条的位置,然后刷新时读取cookie就可以实现这个功能了.代码如下:<script type="text/javascript">            function  Trim(strValue)              

在做登录页面的时候,通常使用form表单同步提交的方法进行提交的,也就是在form表单里去写action,如果登录失败,jsp通过jstl表达式获取错误信息展示在页面上,但是有一个问题就是,即使你刷新了页面,错误提示一直存在,这是为什么呢: 问题分析,首先form表单采用同步校验的方式提交,那么你的浏览器地址栏的地址就会变成,你提交表单的action的地址,(当然如果你用ajax的异步验证的话,就不存在这个问题):所以数据到后台校验不通过的时候,后台会返回登录页给你 同时携带一些信息,这样前台就

昨晚解决select 刷新页面以后选择的值保持不变,要想让seleted不变,有两种思路, 1,在提交表单的时候,将所选择的option的属性设为checked . 2.将option的value或者index带走,事实上这个提交的时候直接就带走了value,创建一个数组,php 用array_search()找到value的index的值,刷新过后再将index的值传入,使用jquery.在页面加载完毕的时候将该index的值选为checked. 我选择的是第二种方法.代码如下,亲测有效: 前

在通过lua获取目录json字符串,然后作为数据源,通过Extjs生成树的过程中,发生了一个奇怪的问题,那就是获取目录json字符串然后传递给Extjs生成树的这个过程中,一开始都是很顺利的就生成了,不过再刷新页面的时候,json字符串突然收不到了,由于没有更改任何内容,两次操作的代码环境都是一样的,仅仅是刷新了页面,重新再次获取这个过程出现了问题. 百思不解,以为是Extjs的问题,各种配置均没有效果,然后就想着是否是json字符串的问题,于是在页面内直接访问lua文件,第一次成功返回了需要的

原来的状态(页面刷新数据会重置) state: { teamA: '主队' }, mutations: { data_teamA(state, x) { state.teamA = x } },   解决后(页面刷新保留store数据) state: { teamA: JSON.parse(sessionStorage.getItem("teamA")) || '主队' }, mutations: { data_teamA(state, x) { sessionStorage.setI

1.存入cookie或localstorage(清除浏览器缓存后时间依然改变) 2.存入数据库

全部页面的话就在mian.js中设置或者 单独的某个页面就在页面加载之前设置 单独设置需变为this.$router router.afterEach((to,from,next)=>{ window,scrollTo(0,0) })

直接在input 标签里 增加 autocomplete="off".火狐默认为 on.

<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>

解决办法是给menu的default-active绑定route.path形如:<el-menu :default-active="$route.path" ...>每次渲染menu都会读当前path 设置为default-active

onbeforeunload 使用方法 window.onbeforeunload=function(){ return ''; } 有返回值才能弹出显示,或者有需要执行的事件也行.

修改public\vendor\laravel-admin\laravel-admin里面的laravel-admin.js $(window).on('load',function(){ $('.sidebar-menu a').each(function () { if (this.href === window.location.href){ $(this).parent().addClass('active') .closest('.treeview-menu') .addClass('

网页内容在较长时,每次回传刷新页面或提交网页时都会定位到最顶端,非常不利于用户交互. 将Page.MaintainScrollPositionOnPostBack属性值设置为true即可实现刷新后保持上次的滚动位置,可配置web.config,也可以在 <%Page %>标记中设置属性MaintainScrollPositionOnPostBack=true. 如: <%@ Page Language="C#" AutoEventWireup="true&q