Jquery使用.class

时间:2015-07-22 12:42:31

标签: javascript jquery search scroll

问题

我有我的html页面,我使用的搜索引擎类似于" Ctrl + F"由我创建,我集成了一个jquery插件,它突出了我搜索到的所有结果,它增加了类#34; .highlight"对于它突出显示的元素,我想在每次按下搜索按钮时在它们之间滚动。

我尝试了这个,但它没有工作:

 $(document).ready(function () {

        $("#btnSearch").on("click", function () {
            $('html, body').animate({
                'scrollTop': $(this).closest(".highlight").position().top
            });
        });
    });

1 个答案:

答案 0 :(得分:0)

也许这有助于你......

 $(document).ready(function () {

    $("#btnSearch").on("click", function () {
        $('html, body').animate({
            'scrollTop': $(this).closest(".highlight").parent().scrollTop()+ $(this).closest(".highlight").offset().top - $(this).closest(".highlight").parent().offset().top,

        });
    });
});