jquery - 链接触发 Jquery 滚动，因此元素位于浏览器的中心

Question

有什么方法可以点击链接，从而触发一个 JQuery 函数，该函数向下滚动浏览器，使某个元素位于屏幕中央？

Answer 1

就在这里：

HTML：

<a title="News" href="javascript:scrollto('.news');">News</a>

JS：

function scrollto(element){
$('html, body').animate({ scrollTop: ($(element).offset().top)}, 'slow');
};

来源：Pixelbar（德文）

如果它不是anker，你可以使用它

$(ClickedElement).click(function(){
$('html, body').animate({ scrollTop: ($(element).offset().top)}, 'slow');
};

Answer 2

您可以使用以下.trigger()方法执行此操作：

$( "#linkID" ).trigger( "click" );

Answer 3

使用.click()

$('#linkID').click();