scrollIntoView()不是页面加载时的函数吗?

ReactingToAngularVues

我有一组常见问题解答,其中默认情况下我隐藏了答案,仅保留问题,并且我通过在每个问题中嵌入ID锚提供了每个特定问题的链接,以便其他人可以链接到该问题。

问题格式的结构如下:

<div class="contents">
   <h1 class="question" id="titleOfQuestion">Some Question Title</h1>
   <div class="answer" id="titleOfQuestion">>
      Some Answer
   </div>
</div>

如果URL中有ID锚,因为div.contents高度固定,并且属性经常溢出,我需要在页面加载时将问题滚动到视图中scroll

包装在文档就绪处理程序中,以下代码不起作用:

if(document.location.hash) {
var id = document.location.hash.substring(1);
    $('div#' + id).scrollIntoView();
}

而且我收到Firebug中的错误:TypeError: $(...).scrollIntoView is not a function但是,如果我随后从同一位置重新加载URL,则它确实可以工作。

这里发生了什么?

米加尔

scrollIntoView是DOM API的一部分,而不是jQuery。您需要在Element而不是jQuery对象上运行它:

$('div#' + id)[0].scrollIntoView();

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

Javascript函数在页面加载时触发,而不是单击时触发

在页面加载时执行 JQuery 函数,而不是在 .keyup 上

在div滚动时以及在页面加载时运行函数吗?

TypeError:scrollIntoView不是函数

scrollIntoView 不是函数 JS

.load()函数在单击时加载整个页面

onPress函数在页面加载时触发

在页面加载时触发 jQuery 函数

使用 .then 函数时页面不加载

在页面加载时触发多个JavaScript函数

为什么获取scrollIntoView不是函数

在页面加载 5 秒后尝试显示 tippy.js 时,instance.show 不是函数错误

通过AJAX(smoothstate.js)加载页面时,联系表7抛出“ wpcf7.initForm不是函数”错误。

页面加载时仅加载一个JavaScript函数。

Javascript:函数是在页面加载时调用的,而不是onclick / onsubmit

Onclick 函数由页面加载而不是点击触发

加载页面时,显示作用域功能名称而不是值

需要jQuery在页面加载而不是单击时立即设置动画

页面加载时剑道网格高度不是100%

在页面加载时触发事件,而不是onclick按钮

从页面1重定向到页面2时,显示页面2加载而不是页面1加载

当页面加载时显示所有隐藏的元素吗?

在页面加载时立即运行一个函数

使用 jQuery 加载页面时如何调用函数?

Rails + jQuery:JS函数在页面加载时自动保持运行

动态重新加载页面时如何使用函数

重新加载页面时如何保留Jquery函数

在页面加载时触发提交函数触发的js

Flask模板在页面加载时执行HTML onclick函数