c# - 设置焦点在屏幕顶部jquery

Question

我有一个包含多个选项卡的页面，我使用 jquery 基于 href 点击显示和隐藏它们。每当我单击“a href”时，页面就会向下滚动。我试图将焦点设置在页面顶部。这是我在 Jquery 中的第一个项目。我尝试了以下但仍然无法正常工作。

1. 滚动（0, 0）；
2. window.scrollTo(0,0);
3. window.scrollTo(0, document.body.scrollHeight);
4. var ctrl = document.getElementById('lnkCreateJob'); ctrl.focus();

请在这件事上分享一些信息。

Answer 1

试试这样：

$(".gototop").click(function(){
    var focusElement = $("#contents");
    $(focusElement).focus();
    ScrollToTop(focusElement);
});

function ScrollToTop(el) {
    $('html, body').animate({ scrollTop: $(el).offset().top - 50 }, 'slow');          
}

看演示

Answer 2

只需使用<a href="#">Your link</a>. 它将带您到页面顶部。

Answer 3

您必须在页面顶部创建一个 id="#" 的元素（任何 html 元素 ex div）。你必须把这个#放在'a'链接的href中。然后，您的方法应该在“a”链接的 onclick 方法中。