关于javascript：jQuery从按钮onclick跳转或滚动到页面上的某个位置，div或目标

jQuery jump or scroll to certain position, div or target on the page from button onclick

本问题已经有最佳答案，请猛点这里访问。

当我点击一个按钮时，我希望能够跳到或滚动到页面上的特定div或目标。

1
2
3

$('#clickMe').click(function() {
//jump to certain position or div or #target on the page
});

我怎样才能做到这一点？

我会将一个链接看起来像一个按钮，因为这样就有一个no-js后备。

这就是你可以使用jquery为跳转设置动画的方法。 No-js后退是没有动画的正常跳跃。

原始示例：

jsfiddle

1
2
3
4
5
6
7
8
9
10
11

$(document).ready(function() {
$(".jumper").on("click", function( e ) {

e.preventDefault();

$("body, html").animate({
scrollTop: $( $(this).attr('href') ).offset().top
}, 600);

});
});

1
2
3
4

#long {
height: 500px;
background-color: blue;
}

1
2
3
4
5
6
7
8

链接的实际按钮样式的新示例，只是为了证明一点。

除了我将类.jumper更改为.button并添加了css样式以使链接看起来像按钮之外，一切都基本相同。

Button样式example