0

<div id="myButton">Home</div>別の div ポイントの中心までスクロールする方法を探しています。これの目的は、4 つのページがあり、ページに続くナビゲーション バー (中央に完全に留まる) を使用してそれらを水平方向に隣り合わせにしたいからです。なぜこれが機能しないのですか？

ここにJSfiddleがあります

$('div#myButton').click(function () {
    $.scrollTo($('div#myDiv'), 500);
});

私は持っている：

<body>

<div id="myButton">yo</div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
.....
<p>&nbsp;</p>
<p>&nbsp;</p>
<div id="myDiv">hello</div>

<script>

$("div#myButton").click(function() {
 $('html, body').animate({
     scrollTop: $("div#myDiv").offset().top   }, 2000);
 });

</script>


</body>

しかし、それはまだ機能していませんか？

4

4 に答える 4

2

プラグインなしでできます。

ほんの少しの計画変更。

$("div#myButton").click(function() {
     $('html, body').animate({
         scrollTop: $("div#myDiv").offset().top   }, 2000);
 });
于 2013-06-04T16:21:08.310 に答える
0

を使用scrollTopしてスクロールできます。otherDiv.offset().topdivの上部に配置され、追加otherDiv.height() / 2するとdivの中央までスクロールダウンします

$('div#myButton').click(function () {
    var otherDiv = $('div#myDiv');
    $("html, body").scrollTop(otherDiv.offset().top + otherDiv.height() / 2);
});

jsFiddle の例では、ページの上部が正確に div の中央になります。

于 2013-06-04T16:22:24.453 に答える
0

これは jquery 関数ではなく、javascript 関数であり、window.scroll と同じです。

window.scrollTo( x-coord, y-coord )

x-coord は、左上に表示するドキュメントの水平軸に沿ったピクセルです。

y-coord は、左上に表示するドキュメントの垂直軸に沿ったピクセルです。

ソース: https://developer.mozilla.org/en-US/docs/Web/API/window.scrollTo

于 2013-06-04T16:23:59.737 に答える