js 跳转至指定位置

方法一：给链接a加个#的方式来实现跳转。（锚点方法）

    div1
    div2
    div3

 

div1

 

div2

 

div3

  div {
     height: 800px;
     width: 400px;
     border: 2px solid black;
   }
#container{
     position: fixed;
     margin:50px 500px;
}

该锚点法，不需要任何的js代码，即可实现跳转的方法。缺点：点击链接url发生变化，刷新的话会有问题。此方法貌似只能在.html后缀的页面才能起作用，对于.cshtml页面不起作用。

方法二：用js的srollIntoView方法进行使用

var tar=$("form").find(".Validform_wrong").eq(0).parent().parent();
tar[0].scrollIntoView(true);

方法三：用animate属性，当点击锚点后，页面滚动到相应的DIV。原理是修改页面的scrollTop

var tar=$("form").find(".Validform_wrong").eq(0).parent().parent();
$("html,body").animate({scrollTop:tar.offset().top-$("header").height()-tar.height()},500);