当页面的长度比较长时，如果进行刷新页面，我们希望能够在刷新完成页面之后，能够停留在当前位置，而不是从头再手动滚动到当前位置。

那么这样的效果如何实现呢？下面开始简单描写（由于博客园不支持效果展示，所以效果自行复制代码，运行查看咯）

页面长度很长很长很长

页面长度很长很长很长页面长度很长很长很长

页面长度很长很长很长页面长度很长很长很长

页面长度很长很长很长页面长度很长很长很长

页面长度很长很长很长页面长度很长很长很长

页面长度很长很长很长页面长度很长很长很长

页面长度很长很长很长页面长度很长很长很长

页面长度很长很长很长页面长度很长很长很长

页面长度很长很长很长页面长度很长很长很长

页面长度很长很长很长页面长度很长很长很长

页面长度很长很长很长页面长度很长很长很长

页面长度很长很长很长页面长度很长很长很长

页面长度很长很长很长页面长度很长很长很长

页面长度很长很长很长页面长度很长很长很长

页面长度很长很长很长页面长度很长很长很长

页面长度很长很长很长页面长度很长很长很长

页面长度很长很长很长页面长度很长很长很长

页面长度很长很长很长页面长度很长很长很长

页面长度很长很长很长页面长度很长很长很长

页面长度很长很长很长页面长度很长很长很长

页面长度很长很长很长页面长度很长很长很长

页面长度很长很长很长页面长度很长很长很长

页面长度很长很长很长页面长度很长很长很长

页面长度很长很长很长页面长度很长很长很长

页面长度很长很长很长页面长度很长很长很长

页面长度很长很长很长页面长度很长很长很长

页面长度很长很长很长页面长度很长很长很长

页面长度很长很长很长页面长度很长很长很长

页面长度很长很长很长页面长度很长很长很长

页面长度很长很长很长页面长度很长很长很长

页面长度很长很长很长页面长度很长很长很长

页面长度很长很长很长页面长度很长很长很长

页面长度很长很长很长页面长度很长很长很长

停留在当前位置

刷新查看效果呗

js方法

//

//两种方案

  function reloadStay()

   {

     var href = window.location.href;

     window.parent.location.href = href + "#current";

     window.parent.location.reload();

  }

js 页面滚动到指定位置的更多相关文章

  1. 每天一点点之 uni-app 框架开发 - 页面滚动到指定位置

    项目需求:在页面中,不管位于何处,点击评论按钮页面滚动到对应到位置 实现思路如下: uni.createSelectorQuery().select(".comment").bou ...

  2. js 动画滚动到指定位置 ES6

    ### 开始 ### 写一个自动滚动过度到指定位置的一个函数 通过Class进行封装 /** * 滚动动画过度 * @param {Object} position 定位(只支持Y轴) * @para ...

  3. 微信小程序页面滚动到指定位置

    页面上有一个元素或者组件,id 为 comment 则: var me = this; var query = wx.createSelectorQuery().in(me); query.selec ...

  4. js滚动到指定位置

    序言:在网络上百度,关键字:“js div滚动到指定位置”,结果基本上大同小异!各种大神都给我们总结出来了四种滚动到指定位置的办法,可惜再下愚钝,每个都不会用,所以写了一个超级简单的方法来使初学者一看 ...

  5. selenium webdriver——JS滚动到指定位置

    1.DOM滚动方法 1.scrollIntoView(alignWithTop)  滚动浏览器窗口或容器元素,以便在当前视窗的可见范围看见当前元素.如果alignWithTop为true,或者省略它, ...

  6. scroll 滚动到指定位置触发事件 and 点击一按钮/链接让页面定位在指定的位置

    scroll 滚动到指定位置触发事件:$(function(){ $(window).scroll(function() { var s =$(window).scrollTop(); if (s&g ...

  7. js 获取滚动位置，滚动到指定位置，平滑滚动

    1.获取当前滚动条位置信息 var top = dom.scrollTop; // 获取y轴上的滚动位置 var left = dom.scrollLeft; // 获取x轴上的滚动位置 2.滚动到指 ...

  8. 通过scrollTop，使子元素滚动至指定位置

    想实现这样的一个功能,点击子元素,让元素滚动至指定位置,怎么实现呢? 在代码实现之前,先了解下相关关键点. 1.scrollHeight 属性 通过 scrollHeight 属性可获得子元素的滚动高 ...

  9. 利用jquery制作滚动到指定位置触发动画

    <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>利用 ...

随机推荐

  1. mac或windows下Navicat Premium安装

    找了很多地址都乱七八糟的说明一通还没啥用,好不容易找到一个靠谱的,记录一下,也方便一下和我一样苦苦寻找的人,亲测有用 https://www.52pojie.cn/thread-727433-1-1. ...

  2. Redis到底是多线程还是单线程？线程安全吗，还需要加锁吗？

    0. redis单线程问题 单线程指的是网络请求模块使用了一个线程(所以不需考虑并发安全性),即一个线程处理所有网络请求,其他模块仍用了多个线程. 1. 为什么说redis能够快速执行 (1) 绝大部 ...

  3. 使用Opencv3.2出现l error C4996:fopen

    ------ 已启动生成: 项目: test, 配置: Debug x64 ------1> test.cpp1>e:\vs2015opencv\opencv3.2\opencv\buil ...

  4. 少年的u

    发现了我提取DNa的过程存在问题,能够跑出action 但是不能克隆出基因.老师给我解释了为什么,说是我的DNA质量不是很高.但是在接下来的时间我会解决这个问题. 和师姐一起去上面的实验室,看了定量P ...

  5. 2.js将Date对象转换成“2018-05-10”字符串格式化的时间

    //拼接0 $cms.joint0 = function(val) { if (val < 10) return "0"+val; return val; } //时间格式化 ...

  6. Linux 查看是否安装 oracle

    查看是否用 oracle 的进程 ps -ef | grep ora 一般安装 oracle ,默认会有 oracle 的用户. id oracle

  7. ORA-00917: missing comma

    问题描述 ORA-00917: missing comma 问题原因 逗号,引号什么的多了或者少了,或者换行引起的

  8. C++ windows线程操作（转）

    参考 1._beginthreadex创建线程 DWORD m_dwMSGTID; // 线程ID HANDLE m_hMSG; // 线程句柄 m_hMSG = (HANDLE)_beginthre ...

  9. ts中的类

    TypeScript 除了实现了所有 ES6 中的类的功能以外,还添加了一些新的用法(部分ES7). 一.ES6中类的主要用法: 1.使用 class 定义类,使用 constructor 定义构造函 ...

  10. Request功能

    1.获取请求消息数据 获取请求行数据 获取请求头数据 获取请求体数据 请求空行没必要获取 1.获取请求行数据 GET /虚拟目录 /servlet路径  ?请求参数 HTTP/1.1 GET/day1 ...