将焦点设置在屏幕jquery的顶部

时间:2012-08-30 04:55:56

标签: c# jquery jquery-ui

我有一个包含多个标签的页面,我根据使用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();
  5. 请务必分享一下这个问题。

3 个答案:

答案 0 :(得分:4)

试试这样:

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

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

SEE DEMO

答案 1 :(得分:1)

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

答案 2 :(得分:0)

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