javascript - 特定のdiv onclickにスクロールするにはどうすればよいですか?

Question

私はこの機能を持っています

    function first_scroll() {
        document.getElementById('insert').scrollIntoView();
    }

そしてこのボタン

Button ID="finish" runat="server" Text="Finalize" OnClientClick="first_scroll()"

このボタンはいくつかのコードを実行し、このコードを実行した後にページをスクロールしたい。現在、これは特定の div まで 1 秒未満スクロールダウンし、ポストバック後に再び上部から開始されます。

これを解決するために、私は使用してみました

<% Page MaintainScrollPositionOnPostback="true" %>

しかし、これは効果がありませんでした。では、コードを実行した後にページをスクロールするにはどうすればよいでしょうか?

前もって感謝します！

score 0 · Accepted Answer

まず、画像のクリックハンドラとして関数をバインドします。

$('#someImage').click(function () {
    // Code to do scrolling happens here
});

これにより、クリックハンドラーがで画像に適用されますid="someImage"。これをすべての画像に適用する場合は、に置き換え'#someImage'ます'img'。

実際のスクロールコードは次のとおりです。

画像のオフセットを取得します (ドキュメントに対して):
```
var offset = $(this).offset(); // Contains .top and .left
```
topとから 20 を引きleftます。
```
offset.left -= 20;
offset.top -= 20;
```
との scroll-top と scroll-left の CSS プロパティをアニメーション化し<body>ます<html>。
```
$('html, body').animate({
    scrollTop: offset.top,
    scrollLeft: offset.left
});
```

また、jQuery.scrollToプラグインも見てください。

ここにデモがあります。

1 に答える 1