js 页面滚动到指定位置
当页面的长度比较长时，如果进行刷新页面，我们希望能够在刷新完成页面之后，能够停留在当前位置，而不是从头再手动滚动到当前位置。
那么这样的效果如何实现呢？下面开始简单描写（由于博客园不支持效果展示，所以效果自行复制代码，运行查看咯）
页面长度很长很长很长
页面长度很长很长很长页面长度很长很长很长
页面长度很长很长很长页面长度很长很长很长
页面长度很长很长很长页面长度很长很长很长
页面长度很长很长很长页面长度很长很长很长
页面长度很长很长很长页面长度很长很长很长
页面长度很长很长很长页面长度很长很长很长
页面长度很长很长很长页面长度很长很长很长
页面长度很长很长很长页面长度很长很长很长
页面长度很长很长很长页面长度很长很长很长
页面长度很长很长很长页面长度很长很长很长
页面长度很长很长很长页面长度很长很长很长
页面长度很长很长很长页面长度很长很长很长
页面长度很长很长很长页面长度很长很长很长
页面长度很长很长很长页面长度很长很长很长
页面长度很长很长很长页面长度很长很长很长
页面长度很长很长很长页面长度很长很长很长
页面长度很长很长很长页面长度很长很长很长
页面长度很长很长很长页面长度很长很长很长
页面长度很长很长很长页面长度很长很长很长
页面长度很长很长很长页面长度很长很长很长
页面长度很长很长很长页面长度很长很长很长
页面长度很长很长很长页面长度很长很长很长
页面长度很长很长很长页面长度很长很长很长
页面长度很长很长很长页面长度很长很长很长
页面长度很长很长很长页面长度很长很长很长
页面长度很长很长很长页面长度很长很长很长
页面长度很长很长很长页面长度很长很长很长
页面长度很长很长很长页面长度很长很长很长
页面长度很长很长很长页面长度很长很长很长
页面长度很长很长很长页面长度很长很长很长
页面长度很长很长很长页面长度很长很长很长
页面长度很长很长很长页面长度很长很长很长 停留在当前位置 刷新查看效果呗 js方法
//
//两种方案
function reloadStay()
{
var href = window.location.href;
window.parent.location.href = href + "#current";
window.parent.location.reload();
}
js 页面滚动到指定位置的更多相关文章
- 每天一点点之 uni-app 框架开发 - 页面滚动到指定位置
项目需求:在页面中,不管位于何处,点击评论按钮页面滚动到对应到位置 实现思路如下: uni.createSelectorQuery().select(".comment").bou ...
- js 动画滚动到指定位置 ES6
### 开始 ### 写一个自动滚动过度到指定位置的一个函数 通过Class进行封装 /** * 滚动动画过度 * @param {Object} position 定位(只支持Y轴) * @para ...
- 微信小程序页面滚动到指定位置
页面上有一个元素或者组件,id 为 comment 则: var me = this; var query = wx.createSelectorQuery().in(me); query.selec ...
- js滚动到指定位置
序言:在网络上百度,关键字:“js div滚动到指定位置”,结果基本上大同小异!各种大神都给我们总结出来了四种滚动到指定位置的办法,可惜再下愚钝,每个都不会用,所以写了一个超级简单的方法来使初学者一看 ...
- selenium webdriver——JS滚动到指定位置
1.DOM滚动方法 1.scrollIntoView(alignWithTop) 滚动浏览器窗口或容器元素,以便在当前视窗的可见范围看见当前元素.如果alignWithTop为true,或者省略它, ...
- scroll 滚动到指定位置触发事件 and 点击一按钮/链接让页面定位在指定的位置
scroll 滚动到指定位置触发事件:$(function(){ $(window).scroll(function() { var s =$(window).scrollTop(); if (s&g ...
- js 获取滚动位置，滚动到指定位置，平滑滚动
1.获取当前滚动条位置信息 var top = dom.scrollTop; // 获取y轴上的滚动位置 var left = dom.scrollLeft; // 获取x轴上的滚动位置 2.滚动到指 ...
- 通过scrollTop，使子元素滚动至指定位置
想实现这样的一个功能,点击子元素,让元素滚动至指定位置,怎么实现呢? 在代码实现之前,先了解下相关关键点. 1.scrollHeight 属性 通过 scrollHeight 属性可获得子元素的滚动高 ...
- 利用jquery制作滚动到指定位置触发动画
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>利用 ...
随机推荐
- 到头来还是逃不开Java - Java13核心类
Java13核心类 没有特殊说明,我的所有学习笔记都是从廖老师那里摘抄过来的,侵删 引言 兜兜转转到了大四,学过了C,C++,C#,Java,Python,学一门丢一门,到了最后还是要把Java捡起来 ...
- phpstorm汉化包
链接:https://pan.baidu.com/s/1dG7AWI87dOJJezra9veFrA 提取码:btmf 下载后放到lib目录中 即可
- Selenium（Webdriver）自动化测试常问问题
http://blog.sina.com.cn/s/blog_c189e2590102w3bv.html Selenium(Webdriver)自动化测试常问问题 (1)selenium中如何保证操作 ...
- Windows启动项更改
笔者遇到的问题: 之前新装了Windows10系统,但没注意到的是竟然是deepin和Windows10双系统,一是用不到deepin系统,二是占用C盘空间太多,就重新装回了Windows7系统,但重 ...
- 解决报错：ERROR 1005 (HY000): Can't create table 'market.orders' (errno: 150)
1.描述问题: 在这里我新建了两张表(customers_info和orders) 表一:customers_info CREATE TABLE customers_info ( c_num INT( ...
- （转）eclipse调试java程序的九个技巧
转自:http://www.cnblogs.com/lingiu/p/3802391.html 九个技巧: 逻辑结构 条件debug 异常断点 单步过滤 跳到帧 Inspect expressions ...
- 时间日期转换工具类，获取当前时间YYYYMMDD24HHMISS、YYYYMMDDHHMISS
YYYYMMDD24HHMISS:24小时制时间(显示上只是比YYYYMMDDHHMISS中间多了一个24),例:2018102224112440 YYYYMMDDHHMISS:12小时制时间,例20 ...
- 中国城市区号脚本-mysql
中国城市区号 300个. SET NAMES utf8mb4; ; DROP TABLE IF EXISTS `citycode`; CREATE TABLE `citycode` ( `codeId ...
- css的div动态水平垂直居中
div动态水平垂直居中,思路如下: (1)先定位.如果相对于距离最近的父元素,用absolute:如果相对于body,用fixed. (2)然后,top和left都设为50%. (3)要居中的di ...
- UI 自定义布局
今天继续学习UI布局的布局管理器,昨天学习并练习使用了线性布局,相对布局和帧布局,今天学习表格布局,网格布局以及嵌套布局,相对于前三种布局,后三种布局比较复杂一些. 1.表格布局 TableLayou ...