首页 > 其他分享 >如何实现页面刷新后不定位到之前的滚动位置?

如何实现页面刷新后不定位到之前的滚动位置?

时间:2023-02-09 16:56:42浏览次数:41  
标签:滚动 manual scrollRestoration 刷新 页面 history

if (history.scrollRestoration) {
  history.scrollRestoration = 'manual';
}

button.onclick = function () {
    if (history.scrollRestoration) {
          history.scrollRestoration = 'manual';
    }    
}

 

来源:

https://www.zhangxinxu.com/wordpress/2022/05/history-scrollrestoration/

标签:滚动,manual,scrollRestoration,刷新,页面,history
From: https://www.cnblogs.com/xqschool/p/17106144.html

相关文章

  • tomcat 未完全启动之前访问 页面一直转圈
      查看tomcat说明:https://tomcat.apache.org/tomcat-8.5-doc/config/http.html ......
  • 直播app开发搭建,注册页面样式,全部代码
    直播app开发搭建,注册页面样式,全部代码<template><view><view>新用户注册</view><image:src="sanjiao"mode="widthFix"></image><!--<imagestyle="width:100vw;":src......
  • 直播软件app开发,CSS超出隐藏并且能滚动
    直播软件app开发,CSS超出隐藏并且能滚动实现CSS代码: height:500rpx;overflow-x:hidden;overflow-y:scroll;​效果图的代码:<!--豆豆明细弹窗--><viewclass="mxB......
  • 搭建直播平台,uniapp滚动条置顶实现
    搭建直播平台,uniapp滚动条置顶实现实现代码: uni.pageScrollTo({  scrollTop:0,  duration:300});​以上就是搭建直播平台,uniapp滚动条置顶实现,更多内容欢......
  • CSS 3.0扭曲实现的滚动倾斜背景特效
    今天给大家分享一个用CSS3.0扭曲实现的滚动倾斜背景特效,效果如下: 以下是代码实现,欢迎大家复制粘贴和收藏。<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF......
  • Webpack实现多页面打包
    1.多页面应用(MPA)概念单页面在开发时会把所有的业务放在一个大的入口里面去,不同的子业务还是同一个URL地址,只不过后面的hash会有所不同。多页面相对于单页面的区别在于,项......
  • Webpack提取页面公共资源
    1.利用html-webpack-externals-plugin分离基础库在做React开发时,经常需要引入react和react-dom基础库,这样在打包的时候速度就会比较慢,这种情况下我们可以将这些基础库忽略......
  • 滚动条位置
    优化_频道-滚动条位置目标明确数据结构tabs切换保存当前位置tabs切换后,把位置设置步骤明确数据结构,在Home/index.vue定义变量//“频道名称”和“滚动条位......
  • activity向上/向下一个页面发送数据
    向下一个活动发送数据一般使用bundle(捆)使用方法创建并准备发送数据//这里是上一个页面Intentintent=newIntent(this,class);//新建意图Bundlebundle=ne......
  • 前端页面分页算法 js+php
    实现效果: 实现思路:通过当前选中页码数值和总页码数量,计算返回结果,以数组的形式返回。遍历数组内容,完成页面渲染。 php算法:/***getNavigatePage**@......