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

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

页面长度很长很长很长

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

停留在当前位置

刷新查看效果呗

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. windows redis启动

    1.下载redis 2.启动redis 3.启动redis客户端并设置protected-mode为false

  2. 面向对象的封装、继承和多态特性_python

    一.面向对象的几个特点 面向对象也称为类,拥有下面几个特点 1.封装特性:利用类的__init__(self)构造方法封装对象 构造方法:__init__(self):在生成对象的时候会自动调用 例子 ...

  3. g++运行c++程序提示main()找不到

    /usr/lib/gcc/x86_64-linux-gnu/5/../../../x86_64-linux-gnu/crt1.o: In function `_start': (.text+0x20) ...

  4. 解决前端js、css缓存问题

    去js标签库查询jquery.i18n.properties.js这个js引用到页面上: 新建一个配置文件:用上面的那个js方法调取配置文件里的版本号给其他的js加上: 示例: <script ...

  5. K3/Cloud点击按钮打开第三方URL

    public override void AfterBarItemClick(BOS.Core.DynamicForm.PlugIn.Args.AfterBarItemClickEventArgs e ...

  6. [POI2007] OSI-Axes of Symmetry

    Description Luogu3454 BZOJ1100 Solution 把边和角顺次放入一个数组里,如果一个点为中心的回文串的半径大于\(n\),那就一定是一个对称轴.跑一遍manacher就 ...

  7. 解决无法将“babel”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。

    错误截图: 第一反应想到的是环境变量没有配置好,再仔细检查一下,并没有错误 在cmd窗口运行命令“ babel --version ”,如果出现对应的版本号,那就说明环境变量是正确的 解决方案: 用管 ...

  8. win32 用户自定义消息范围

    WINDOWS自定义消息WM_USER和WM_APP WM_USER常量是Windows帮助应用程序定义私有窗口类里的私有消息,通常使用WM_USER+一个整数值,但总值不能超过0x7FFF. #de ...

  9. Java-POJ1004-Financial Management

    题目大意:求出一年十二个月Larry平均每个月得到的利息 读入:12行每行一个浮点数 关于控制浮点数输出位数的资料:https://blog.csdn.net/hsliwei/article/deta ...

  10. 【游戏体验】I Paid For It!（火柴人破坏狂）

    >>>点此处可试玩无敌版<<< 注意,本游戏含有少量暴力元素,13岁以下的儿童切勿尝试本款游戏 这款游戏打击感非常高,动画也比较绚丽,可玩性很高 个人测评 游戏性 ...