scrollIntoView 在所有浏览器中都有效吗?

2023-12-21

Does scrollIntoView()适用于所有浏览器?如果没有的话有没有jQuery选择?


是的,但用户体验很差。

正如@9bits 指出的那样,这长期以来一直是所有主流浏览器都支持 https://developer.mozilla.org/en-US/docs/Web/API/Element.scrollIntoView#Browser_compatibility。不用担心这个。主要问题是它的工作方式。它只是跳转到可能位于页面末尾的特定元素。通过跳转到它,用户不知道是否:

  • 页面已向上滚动
  • 页面已向下滚动
  • 他们已被重定向到其他地方

前两个可以通过滚动位置来确定,但谁说用户在跳转完成之前就记录了滚动位置?所以这是一个不确定的动作。

The last one may be true especially if the page has moving header that gets scrolled out of view and remaining page design doesn't imply anything on being on the same page (if it also doesn't have any total height vertical element like left menu bar). You'd be surprised how many pages have this problem. just check them out yourself. Go to some page, look at it at top, then press End key and look at it again. It is likely that you'll think it's a different page.

动画scrollintoviewjQuery 插件来救援

这就是为什么仍然有执行滚动到视图的插件 http://erraticdev.blogspot.com/2011/02/jquery-scroll-into-view-plugin-with.html而不是使用原生 DOM 函数。它们通常会设置滚动动画,从而消除上述所有 3 个问题。用户可以轻松跟踪运动。

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

scrollIntoView 在所有浏览器中都有效吗? 的相关文章

随机推荐

  • 如何创建 resx 文件

    我正在尝试在 Windows 窗体应用程序中使用图标 我读到您可以使用 resx 文件来执行此操作 我还读到 resx 文件可用于本地化 但这不是这个问题的重点 我或多或少知道如何use一个 resx 文件 如果我有的话 见下文 我不知道并
  • 配置 WCF 客户端绑定以在 dotnet core 2.2 中使用 X509 证书

    我正在尝试将旧的 WCF 客户端转换为 dotnet core 我成功地从 wsdl 生成了代理 并一直在尝试配置它们 以便我可以成功调用端点 根据一些谷歌搜索 似乎在 dotnet core 下我需要从代码配置我的 WCF 客户端 以下是
  • MsTest - 在程序集中的每个测试之前执行方法

    是否可以在程序集中的每次测试之前运行特定方法 我知道关于TestInitialize属性 但该属性具有 类范围 如果它是在 Test 类中定义的 它将在该类的每个测试之前执行 我想定义一个方法 该方法将在整个程序集中定义的每个测试之前执行
  • 如何在 OpenCV 中测试线条的接近度(霍夫变换)

    这是来自上一个问题 https stackoverflow com questions 1238085 我能够成功地使用 OpenCV Hough 变换来检测图片 扫描文本 中的线条 起初它会检测很多行 每行文本至少一行 但通过反复试验调整
  • 因果报应 vs 厚颜无耻

    我一直在试图找出在 Visual Studio 中编写 运行自动化茉莉花测试的最佳方法是什么 目前 我将 jasmine 与 Resharper 使用 PhantomJS 一起使用 并且可以从 Visual Studio 运行测试 现在我想
  • 用 javascript 或 jquery 替换现有的规范标签

    我想为 Adob e Muse 创建一个小部件 以替换 Muse 自动生成的规范标签 我知道这不适用于大多数机器人 因为它们在抓取页面时不运行任何脚本 但我读到 Google 的机器人在抓取时确实运行脚本 我发现了很多关于如何替换链接中的
  • R 中的调查包:如何设置 fpc 参数(有限总体校正)

    我使用与大小成比例的概率 PPS 计划从采样框架中采样了一些数据 这样我就采样了6两个变量组合的分层 gender and pre与比例 pre gender High Low Medium F 0 155 0 155 0 195 M 0
  • 如何使用jQuery删除样式属性下的宽度属性?

    div class views style width 421px height 15px TEST TEXT div 如何使用jQuery删除样式属性下的宽度属性 我知道removeAttr 宽度 但它在这里不起作用 因为 width 是
  • Mobile Safari:机身上的惯性滚动和最小的 UI 行为?

    这个问题需要一些解释 所以请耐心等待 与普遍看法相反 默认情况下 Mobile Safari 中的网页不启用惯性滚动 非常流畅的 60fps 滚动 由于它对用户体验产生了巨大的影响 在专门针对 iOS 进行 Modernizr 测试之后 我
  • 在 Spring Boot 1.4 中测试安全性

    我正在尝试测试 WebMvcTest与定义的自定义安全设置SecurityConfig class Configuration EnableWebSecurity public class SecurityConfig extends We
  • 如何在iOS中将UILabel的字体名称设置为HelveticaNeue Thin?

    我正在创建 UILabel 对于标签 我可以将字体名称设置为 HelveticaNeue Regular Light UltraLight 等 但我无法将字体名称设置为 HelveticaNeue Thin 它无法按预期工作 我喜欢 lab
  • ZoomExtents 方法调用的工作方式与通过手势激活 ZoomExtents 不同

    我一直在 MVVM 风格应用程序中开发一个小型 3D 预览窗口 创建视图 然后设置其数据上下文 因此 ZoomExtentsWhenLoaded True 似乎并不能帮助完成我需要的事情 我需要类似 ZoomExtentsWhenDataC
  • 如何使用ansible读取json文件

    我的 ansible 脚本所在的目录中有一个 json 文件 以下是json文件的内容 resources name package1 downloadURL path to file1 name package2 downloadURL
  • Apache Flink 如何处理倾斜数据?

    例如 我有一大堆单词 想统计每个单词的数量 问题是这些话是歪曲的 这意味着某些单词的频率会很高 但大多数其他单词的频率很低 在storm中 我们可以使用下面的方式来解决这个问题 首先对流进行随机分组 在每个节点中对窗口时间内本地的单词进行计
  • 为什么 JSF 2.2 在 Wildfly 上部分渲染 ajax 请求需要更多时间

    我正在努力将项目从 JSF 1 2 在 JBoss 4 2 3 上运行的 Richfaces 3 3 4 迁移到 JSF 2 2 在 Wildfly 8 1 0 上运行的 Richfaces 4 5 在部分迁移一些视图后 我发现使用 JSF
  • Objective C:Posing 可以在 ios 上使用吗?

    我正在尝试为一个 ios 项目实现摆姿势 场景 在运行时定义控制器类 https stackoverflow com questions 29424934 defining class of controller at run time 我
  • 如何将基于页面的 PHP 应用程序转换为 MVC?

    一段时间以来 我一直在努力解决如何使用 MVC 框架重新编码基于页面的 PHP 应用程序 仅作为背景 我必须将应用程序移至 MVC 因为我的老板正在让我这样做 不管怎样 我已经坐下来 打印出了目录结构 然后我开始尝试计划如何将这些页面转换为
  • 向 Keras 中 Flatten() 层的输出添加新功能

    我正在做图像分类 首先 我将图像输入 Keras 中的 CNN 模型 我想在 keras 中 Flatten 层的输出中添加新功能 然后将其输入到密集层 我该如何为其编写代码 基本上我对图像使用卷积 最后我想添加其他功能 例如年龄性别等 m
  • 如何使用lua打乱单词的字母

    我在 PHP 中使用了这个 str shuffle 函数 和梅卡this api https i stack imgur com papuI png我需要做同样的想法 将字母打乱 字母之间有空格 但使用 lua 对于使用电报机器人 我进行了
  • scrollIntoView 在所有浏览器中都有效吗?

    Does scrollIntoView 适用于所有浏览器 如果没有的话有没有jQuery选择 是的 但用户体验很差 正如 9bits 指出的那样 这长期以来一直是所有主流浏览器都支持 https developer mozilla org