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>利用 ...
随机推荐
- 智能手机中下一次被消灭的部件是电话卡和TF卡
智能手机中下一次被消灭的部件是电话卡和TF卡. 侧滑实体键盘,实体拍照键,HDMI外接接口,实体切换双卡键,可拆卸后盖……这些都消亡了,被其更好的内在设计所取代.而电话卡和TF卡仍在使用.将来的智能手 ...
- html5 流式布局 弹式布局 flex
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8& ...
- javaScript--ECMAScript 6
ECMAScript 6 一.ECMAScript 6 简介 1.ECMAScript 和 JavaScript 的关系 一个常见的问题是,ECMAScript 和 JavaScript 到底是什么关 ...
- TP-网页静态化
首先放上一张某手册中的一段代码: 我们要想在TP框架中执行网页静态化,在这段代码的基础上稍加添加就可以了: 在TP5框架中,为了方便寻找模板文件与生成的静态文件,我们将模板文件以及生成的静态文件放在p ...
- java继承与多态课后作业
1.动手实验 源码 class Grandparent { public Grandparent() { System.out.println("GrandPar ...
- mysql 1130 Navicat for MySQL 连接MySQL 8.0 出现1130错误
可能是帐号不允许从远程登陆,只能在localhost.这个时候只要在localhost的那台电脑登入MySQL后,更改"MySQL"数据库"user"表里的&q ...
- （转）数据库分片Shard操作
2.1.1什么是数据切分 "Shard" 这个词英文的意思是"碎片",而作为数据库相关的技术用语,似乎最早见于大型多人在线角色扮演游戏中."Shard ...
- 微信小程序前台的用户数据入库（后台Laravel）
首先 我们可以看到微信小程序官方 文档 wx.login api-login.jpg 通过此图 我们知道 前台要传 一个 code给后台,后台拿到code 并结合appid和appsecret请求 ...
- vue插槽的使用
一.插槽的基本使用 二.具名插槽的使用 三.编译作用域的例子 四.作用域插槽 一.插槽的基本使用 1.插槽的基本使用<slot></slot> 2.插槽的默认值 ...
- Java之字符串输入next（）与nextLine（）
next():一定要读取到有效字符后才可以结束输入,对输入有效字符之前遇到的空格键.Tab键或Enter键等结束符,next()方法会自动将其去掉: 只有在输入有效字符之后,next( ...