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

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

页面长度很长很长很长

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

停留在当前位置

刷新查看效果呗

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. <if test="type == '0' ">没有进去这个判断的问题

    在MyBatis的mapp文件中的if判断中是这样写的 <if test="type == '0' "> and so1.id = #{unitcode} </i ...

  2. C# 获取当前登录IP

    public static string GetUserIp() { string ip; string[] temp; bool isErr = false; if (System.Web.Http ...

  3. doctype的意思

    <!DOCTYPE HTML>这句话在整个网页的最上头,意思是这个网页是一个用html5语法写的,因为还有html4和xhtml等语法. 为了兼容一些旧的页面,浏览器设置了两种解析模式:1 ...

  4. 微信小程序中的左右联动

    微信小程序端的左右联动-滚动效果插件: 效果图如下:                                                                          ...

  5. poj-2253(最小瓶颈路问题)

    题目链接 Description Freddy Frog is sitting on a stone in the middle of a lake. Suddenly he notices Fion ...

  6. KindEditor 编辑器前台得使用规范

    官方网址:http://www.kindsoft.net/下载网址:http://www.kindsoft.net/down.php 引入得脚本: <link href="~/Cont ...

  7. centos7添加搜狗输入法

    https://www.cnblogs.com/eeexu123/p/9259430.html https://blog.csdn.net/jpch89/article/details/8190380 ...

  8. [Codechef SSTORY] A Story with Strings - 后缀数组,二分

    [Codechef SSTORY] A Story with Strings Description 给定两个字符串,求它们的最长公共子串.如果解不唯一,输出最先在第二个字符串中出现的那个. Solu ...

  9. HTML连载61-焦点图、固定定位

    一.焦点图 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF ...

  10. StringBuilder与String的区别

    String 在进行运算时(如赋值.拼接等)会产生一个新的实例,而 StringBuilder 则不会.所以在大量字符串拼接或频繁对某一字符串进行操作时最好使用 StringBuilder,不要使用  ...