当前位置: 首页 > 面试题库 >

如何使用JavaScript滚动到某个元素?

艾谦
2023-03-14
问题内容

我正在尝试将页面移至某个<div>元素。

我尝试下一个代码无济于事:

document.getElementById("divFirst").style.visibility = 'visible';
document.getElementById("divFirst").style.display = 'block';

问题答案:

您可以使用锚点来“聚焦” div。即:

<div id="myDiv"></div>

然后使用以下javascript:

// the next line is required to work around a bug in WebKit (Chrome / Safari)
location.href = "#";
location.href = "#myDiv";


 类似资料:
  • 问题内容: 我有一个聊天小部件,每次向上滚动时,它都会拉出一系列消息。我现在面临的问题是,在加载消息时,滑块保持固定在顶部,我希望它专注于上一个数组中的最后一个索引元素。我发现可以通过传递索引来创建动态引用,但是我还需要知道要使用哪种滚动功能才能实现这一点 问题答案: React 16.8 +,功能组件 React 16.3 +,Class组件 类组件-Ref回调 不要使用字符串引用。 字符串引用

  • 问题内容: 我有一个聊天小部件,每次向上滚动时,它都会拉出一系列消息。我现在面临的问题是加载消息时滑块固定在顶部。我希望它专注于上一个数组中的最后一个索引元素。我发现可以通过传递索引来创建动态引用,但是我还需要知道使用哪种滚动功能来实现这一点 问题答案: 单击此处,获得有关StackBlits的完整演示 React 16.3 +,Class组件 类组件-Ref回调 不要使用字符串引用。 字符串引用

  • 问题内容: 如何使Selenium WebDriver滚动到特定元素以使其显示在屏幕上。我尝试了很多不同的选择,但是没有运气。这在c#绑定中不起作用吗? 我可以使它跳到特定的位置, 但是我希望能够将其发送到不同的元素,而不必每次都给出确切的位置。 例1) 例2) 当我观看它时,它不会将页面跳到该元素,并且异常与不在屏幕上的元素匹配。 更新:我添加了bool ex = Example.Exists(

  • 如何使垂直滚动条出现在某个元素a上,从而使a的某个祖先元素b不再出现滚动条? ai的答案不对 我的一个方案是在a元素上设置单位为vh的height,然后设置overflow: auto。

  • 问题内容: 有没有一种方法可以使用JavaScript / jQuery控制浏览器滚动? 当我向下滚动页面一半,然后触发重新加载时,我希望页面进入顶部,但它会尝试找到最后一个滚动位置。所以我这样做: 但是没有运气。 编辑 : 因此,当页面加载后,我打电话给您时,您的两个答案都有效。但是,如果我只是在页面上刷新,则看起来浏览器会在事件发生后计算并滚动到其旧的滚动位置(我也测试了body onload

  • 正如标题所示,这是关于在本机iOS应用程序的Appium中滚动。在Android应用程序中,我们使用: 这对我们的Android应用程序很有效,我想知道是否有类似的东西可以用于iOS。有可能使用这种方法吗? 我对此没有经验,也没有在留档中找到任何东西告诉我是否有方法使用此方法滚动到一个元素,并在传递给它的字符串中启用或传递它。它只是一种更快的方法来定位元素而不是XPath,还是可以用类似于Andr