Chrome 中的滚动到视图

2023-11-25

I use:

var el = document.getElementById("centd");
el.scrollIntoView(true);

滚动到特定位置。在每个浏览器中它都工作正常,但在 Chrome 中,当页面加载时,它会滚动到该点,但在一两秒后(当页面加载完成时)它会滚动回开始位置。


确保页面完成加载后运行所有 JavaScript 代码:

document.addEventListener('DOMContentLoaded', function() {
   // your code here
}, false);

或者如果您使用的是 jQuery:

$(document).ready(function(){
// your code
});

这将确保您的代码按照您预期的方式运行。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Chrome 中的滚动到视图 的相关文章

  • JavaScript CSV 验证

    如何检查文本框中的逗号分隔值并在未找到时发出警报 如果有的话 里面应该有字符 比如A B C D function validate validate text box
  • 是否可以在Chrome中查看jQuery添加的数据

    创建网站时我经常使用 jQuery data 向元素添加数据的函数 是否可以在 Chrome 中查看元素存储的所有数据 因此 当我检查一个元素时 它会在 Chrome 本身中显示数据 如果没有 是否可以编写一个插件来 扩展 到 Chrome
  • 如何在 Lambda 中将对象上传到 S3?

    似乎无法将对象上传到 Lambda 中的 S3 本地一切正常 日志中没有错误可以显示出了什么问题 代码如下 console log Loading function var AWS require aws sdk var s3 new AW
  • 如何使用标准 JavaScript 在 CSS 转换结束后立即重新启动它?

    我构建了一种密码生成器 只要倒计时到期 它就会显示新密码 不幸的是 我只设法弄清楚如何运行我的代码一次 倒计时由一个简单的 CSS 过渡组成 我想保留它 因为它比我的其他尝试平滑得多 其中我尝试使用 JavaScript 重复更新宽度 va
  • 使用非常大的背景位置偏移是否存在性能问题?

    我正在构建一个进度条控件 并且正在研究它实际上并不显示进度 而只是旋转 正在发生某事 的指示器的情况 我的设计基本上是交替的对角条纹 本质上是一个像这样的理发杆 但是 旋转 由于希望将尽可能多的负载转移给渲染引擎 我想为此使用 CSS 过渡
  • Javascript:使用 IIFE 和块语句之间的区别

    IIFE主要用于封装作用域 function let myVar 10 not global 但为什么不直接使用块语句呢 let myVar 10 also not global 除了范围封装之外 进一步使用 IIFE 是否还有其他好处 块
  • 如何使传单圆圈标记可拖动?

    使用传单 我创建了一个L circleMarker我希望它是可拖动的 var marker L circleMarker new L LatLng 48 94603 2 25912 draggable true bindPopup Circ
  • 个人 Tumblr 帖子上的 Javascript

    我知道您可以编辑在 tumblr 博客上呈现所有帖子博客主页的 html AngularJS 但是 有什么办法可以添加自定义到各个帖子 我想在逐个帖子的基础上做一些 javascript 的东西 但似乎无法找到可以编辑代码的位置 或者 如果
  • 如何防止输入文本中出现“后重音”

    我相信这是一个简单的问题 但在谷歌上搜索几个小时后我找不到任何答案 也许我无法在搜索中使用正确的单词 P 我有一个 javascript 方法 可以防止用户用数字以外的其他字符填充文本框 如下面的代码所示 它在 KeyDown 事件中使用
  • 我应该如何实现将状态保存到 localStorage?

    CODE var React require react var Recipe require Recipe jsx var AddRecipe require AddRecipe jsx var EditRecipe require Ed
  • 使用 Javascript/Node.js 在代码内执行 mongoimport

    node js javascript 中是否有任何库可供个人使用mongoimport在代码中 据我了解 mongoimport 有点像 exe 您必须先执行它 然后才能使用其文本输入环境 是否可以在我的代码中执行 mongoimport
  • 如何绕过Access-Control-Allow-Origin?

    我正在一个平台上对我自己的服务器进行ajax调用 他们设置了阻止这些ajax调用的平台 但我需要它从我的服务器获取数据以显示从我的服务器数据库检索到的数据 我的 ajax 脚本正在运行 它可以将数据发送到我的服务器的 php 脚本以允许其处
  • JavaScript 错误:MVC2 视图中的条件编译已关闭

    我试图在 MVC2 视图页面中单击时调用 JavaScript 函数 a href Select a JavaScript 函数 function SelectBenefit id code alert id alert code 这里 b
  • 如何使用 Javascript 在 html 文件中搜索字符串?

    我有 5 个 html 文件 并且有一个搜索表单 我想用它来搜索这些 html 文件中的文本
  • 如何将项目插入到特定索引处的空数组中?

    我想将一个项目插入到空数组的指定索引中 我看到有 Array prototype splice 方法 但是 如果我在空数组上使用 splice 它只会添加项目来结束数组 如下所示 var a a splice 3 0 item 3 cons
  • 如何使用 Javascript OAuth 库不暴露您的密钥?

    看着Twitter OAuth 库 https dev twitter com docs twitter libraries 我看到了这个注释 将 JavaScript 与 OAuth 结合使用时要小心 不要暴露你的钥匙 然后 看着jsOA
  • 如果 jquery 验证激活,如何在单选按钮中放置红色边框[重复]

    这个问题在这里已经有答案了 我的问题是 如果 jquery 验证像示例图片中那样激活 我无法使单选按钮具有红色边框 任何人都可以帮我解决这个问题吗 http i38 photobucket com albums e149 eloginko
  • highchart堆积柱每个类别的总数据

    我想获取每个类别的总数据 这point stackTotal只给出活动数据的总数 从我粘贴的代码示例中 我想知道每种水果的总消耗量 因此 即使我单击右上角图例上的乔的名字 这使得堆叠图表上的所有乔信息都处于非活动状态 我仍然可以知道约翰 简
  • 如何从 Cloud Functions for Firebase 文件夹读取证书文件

    我正在尝试读取 certs 文件夹下的文件 如下所示 functions certs idp public cert perm 这是我用来读取文件的代码 fs readFileSync path join dirname certs idp
  • Safari 扩展将消息发送到特定选项卡

    有没有办法从全局页面发送消息到特定选项卡 我目前正在做的是 在创建选项卡时 注入的脚本会创建一个唯一的 ID 并将包含该编号的消息发送到全局页面 并且全局页面会保存该编号 如果全局页面需要发送一些数据到一个tab 即 tab 3 然后全局页

随机推荐

  • Android:打开活动而不保存到堆栈中

    我有 2 个活动 主要活动和列表活动 从 Main 你可以打开 List 从列表中您可以打开Main 我希望列表的每次打开都能如此not被保存到 历史 中 所以 从 Main 返回cannot返回列表 是否可以 当开始你的清单时Activi
  • libc.so.6 在 Linux 内核中的相关性 [关闭]

    Closed 这个问题不符合堆栈溢出指南 目前不接受答案 我的问题是Linux内核是否包含libc so 6 经过谷歌搜索并浏览不同的链接后 我们发现libc so 6 不是 Linux 内核的一部分 因为内核在内核空间中为自己的使用而实现
  • JUnit 测试类未显示在 JMeter 中

    我正在尝试使用 JMeter 2 7 运行 JUnit 测试 但是 当在 JUnit 采样器的下拉列表中选择测试类时 它们不会显示 据我发现 这是因为测试类是从另一个类扩展的 AbstractJUnit4SpringContextTests
  • String 中的 Java Date 对象无法正常工作

    我遇到了一个似乎无法解决的顽固问题 我在 stackoverflow 上寻找解决方案 并找到了很多关于 Java 日期格式化的帖子 但没有具体针对我遇到的问题 基本上 我需要将日期字符串转换为 java util Date 对象 我正在使用
  • mongoDB中字符串字段值长度

    该字段的数据类型是String 我想获取字段名称字符长度大于 40 的数据 我尝试了这些查询但返回错误 1 db usercollection find where this name length gt 40 limit 2 output
  • 使用 Core Data 检索唯一结果集

    我有一个基于核心数据的应用程序 用于管理一堆实体 我希望能够执行以下操作 我有一个实体 SomeEntity 其属性为 名称 类型 等级 foo1 foo2 现在 如果我们严格按照 SQL 术语来讲 SomeEntity 有几行 我想要完成
  • ?android:attr/selectableItemBackground 与另一个现有背景

    我有一个 9patch 设置为布局的背景 但是我仍然想通过使用提供触摸反馈selectableItemBackground attr 我尝试过使用
  • 如何使用 bash 或 jq 检查 json 是否为空?

    我有一个函数可以检查 json 文件内的对象中保存的重复值 当发现重复项时 该函数返回如下内容 Basket1 Apple Orange Basket2 Apple Orange 如果没有找到重复项 则返回空列表 目前我正在使用 s在 ba
  • Perl 调试器可以将 ReadLine 历史记录保存到文件中吗?

    我暂时停止使用 lib ReadLine 和 lib Perl Readline 然而 Perl 调试器拒绝保存会话命令行历史记录 因此 每次调用调试器时 我都会丢失以前的所有历史记录 有谁知道如何让 Perl 调试器保存并希望附加类似于
  • CRecordset::snapshot 在 VS2012 中不再工作 - 有什么替代方法吗?

    显然 在 VS2012 中 SQL CUR USE ODBC 已被弃用 更新 光标库似乎已从 VS2012 中完全删除 MFC 的 CDatabase 不再使用它 而它是 VS2010 和早期版本的 MFC 的默认值 而是使用 SQL CU
  • 在 r 中按日期和时间对数据帧进行排序和排名

    我有一个数据框如下 最初它只是两列 变量 时间戳 包含日期和时间 和 演员 我将 时间戳 变量分解为 日期 和 时间 然后将 时间 进一步分解为 小时 和 分钟 然后给出以下结构 dataf lt structure list hours
  • Java/GWT 和 Scala/Lift 哪个框架更好?

    我想开始一个新的 Web 应用程序项目 但我对 GWT Java 或 Lift Scala 这两个框架感到困惑 所以我想听听您的意见我选择哪一个 根据我的项目要求 两者都很好 那么根据框架比较 请告诉我哪个好 我发现 GWT 对于客户端来说
  • 如何创建tabindex组?

    我正在尝试创建 tabindex 组 其中按组中的选项卡它总是在该组中旋转 直到另一个组通过 javascript 或手动聚焦 问题 是否可以在没有 JavaScript 的情况下做到这一点 如果不能 我该如何实现这一点 Here is j
  • Android Activity.getParent() 总是返回 null

    我这里有这个小功能 public Activity getRootActivity Activity a this while a getParent null a a getParent return a 但 a getParent 总是
  • 是否可以定义中缀函数?

    是否可以在 CoffeeScript 或纯 JavaScript 中定义我自己的中缀函数 运算符 例如我想打电话 a foo b or a foo b 代替 a foo b 或者 当 foo 是全局函数时 foo a b 有什么办法可以做到
  • Jupyter 笔记本部分以法语显示

    我在用着Jupyter用于 Python 编程Windows 10一些文本被翻译成法语 但不是全部 这使得它有点烦人 有人知道如何更改显示语言吗 我无法在互联网上找到答案 因为每次我搜索 语言 时 它都会向我显示编程语言 R Python
  • 使用地图应用 iOS 生成步行路线

    截至目前 我使用以下代码成功地从我的应用程序中使用地图应用程序生成了路线 NSString formattedGroceryAddress NSString stringWithFormat EnhancedUIActionSheet ac
  • Android:清除活动堆栈

    我的申请中有多项活动 而且流程非常复杂 当我单击注销应用程序时 导航到登录屏幕 用户可以通过取消按钮退出 调用system exit 0 当我退出或后退按钮时 系统从堆栈中调用一个活动 当我到达登录屏幕时 如何清除堆栈中的所有活动 调用fi
  • ng-if 和 ng-show/ng-hide 有什么区别

    我试图理解之间的区别ng if and ng show ng hide 但它们在我看来是一样的 选择使用其中之一时我应该记住什么区别吗 ngIf The ngIf指示删除或重新创建基于表达式的 DOM 树的一部分 如果表达式分配给ngIf计
  • Chrome 中的滚动到视图

    I use var el document getElementById centd el scrollIntoView true 滚动到特定位置 在每个浏览器中它都工作正常 但在 Chrome 中 当页面加载时 它会滚动到该点 但在一两秒