项目中经常会遇到触发事件页面自动滚动到某一位置的情况

方法1、利用锚点

一个是从A页面跳到B页面，滚动到页面的任何地方；

第二个是在B页面内部点击某个元素，滚动到页面的任何地方；

怎么解决啊？很简单，当然是用锚点。

首先在A页面创建一个锚点

点击跳转

然后在B页面定义这个锚点

...

这里是很多文字，把页面撑开，撑出滚动条

...

...

再加点文字

...

缺点：没有动画效果,是一个跳转过程

方法2、

function click_scroll() {

var scroll_offset = $("#pos").offset(); //得到pos这个div层的offset，包含两个值，top和left

$("body,html").animate({

scrollTop:scroll_offset.top //让body的scrollTop等于pos的top，就实现了滚动

},1000);

}

...

这里是很多文字，把页面撑开，撑出滚动条

...

隐藏之后滚动到这里

...

再加点文字

...

缺点：依赖jquery  优点：有动画啦，看起来舒服多了