页面加载后滚动到元素

Question

想知道如何在页面加载完成后按搜索提交按钮滚动到<div>元素？我猜它需要输入隐藏吗？

jQuery(function ($) {
    $("#button").click(function () {
        $('html, body').animate({
            scrollTop: $("#elementtoScrollToID").offset().top
        }, 2000);
    });
});

<form action="<?php echo $formURL ?>" method="post">
    <input type="submit" class="button" value="<?php echo $useAjax ? JText::_('COM_JEA_LIST_PROPERTIES') : JText::_('JSEARCH_FILTER_SUBMIT')?>" />
    <input type="hidden" name="elementtoScrollToID" />
</form>

Answer 1

您需要使用Class Selector (".class")，因为button是元素类。

使用$(".button")代替$("#button")。您还需要elementtoScrollToID使用$("#button").click(function() { $('html, body').animate({ scrollTop: $("[name=elementtoScrollToID]").offset().top }, 2000); });

完整代码

{{1}}