javascript - 如何在 jQuery 语法下使用 scrollIntoView()?

标签 javascript jquery html

我需要使用 jQuery 让最后的回复滚动到 View 中。这是我的代码:

function showHideReplies(replies){
 replies.each(function() {
     if($(this).index() < nIniRep || afterReply){
            $(this).show();
            if(afterReply && $(this).index()==replies.length ){
                $(this).scrollIntoView();
            }
        }else{
            $(this).hide();
        }

 });

afterReply 是在我的 JavaScript 中定义的。

我的问题是:我知道 scrollIntoView() 是一个 HTML DOM 方法,您可以这样使用它:

var elmnt = document.getElementById("content");
elmnt.scrollIntoView();

但我需要与 jQuery 一起使用,我认为它应该以相同的方式工作。但它不适用于 jQuery 语法 $(this).scrollIntoView();

如何在 jQuery 语法下使用 scrollIntoView()

谢谢。

最佳答案

jQuery 的 $(this) 返回 jQuery object .要定位此元素本身,您需要使用 [0] 访问对象的第一个索引。本质上,jQuery 的 $(this)[0] 等同于 JavaScript 的 this

因此,您正在寻找:

$(this)[0].scrollIntoView();

希望对您有所帮助! :)

关于javascript - 如何在 jQuery 语法下使用 scrollIntoView()?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44789479/

相关文章:

html - 为什么这个 CSS 选择器在 <p> 标签内时对 <li> 不起作用?

javascript - 为什么我的 jscript 在单击 anchor 链接后开始出错

javascript同步两个列表框的滚动?

javascript - 循环遍历对象数组并更改值

javascript - 如何将嵌套的全局或局部 jquery 变量调用到 html 中?

javascript - 从同一页面、同一类的特定表单中获取提交

html - 每个设备屏幕中元素的大小一致

javascript - safari 扩展中弹出窗口下显示的 html 元素上的标题

javascript - JSON中如何在JS中显示表中的所有数据

javascript - 如何使用 React 创建 d3 力布局图