11

HTML 経由で名前付きアンカーを使用して上部にスクロールできることは誰もが知っていますが、タグで囲まれていない別の HTML 要素をクリックすると、上部にスクロールできますか? たとえば、DIV?

編集：申し訳ありませんが、これが重複した質問であるとは思いませんでした。検索を行いましたが、何も見つかりませんでした。

4

7 に答える 7

24 
$('div').on("click",function(){
      $(window).scrollTop(0);
});

あらゆる種類の html タグをブラケットの

于 2012-11-05T19:59:21.610 に答える
11

はい、Javascript を使用して実行したい場合があります。

window.scrollTo(0, 0);

そしてそれをdivに割り当てます

<div onclick="window.scrollTo(0, 0);">Element</div>
于 2012-11-05T19:58:37.730 に答える
6

あなたが使用できるよりもjqueryソリューションに行きたい場合

$(document).ready(function() {

    $('a[href=#top]').click(function(){
        $('html, body').animate({scrollTop:0}, 'slow');
        return false;
    });

});

html になります

<a name="top"></a>
...
<a href="#top">Back to top</a>

記事全文 : jQuery を使用して Web ページの上部にスクロールする

于 2012-11-05T19:59:40.460 に答える
5

これは、JavaScript を使用して実現できます。

$("#my-div").on("click", function() {
    window.scroll(0,0);
});

またはjQueryを使用：

$("#my-div").on("click", function() {
    $(window).scrollTop(0);
});
于 2012-11-05T19:58:52.707 に答える
4

これは、どのブロック要素でも機能するはずです。

$('#element_id').click(function(){
    $('html, body').animate({scrollTop:0}, 'slow');
    return false;
});

幸運を ...

于 2012-11-05T19:59:06.840 に答える
1

はい、可能です。その要素にイベント onclick を追加して使用する必要があります.scrollTop()

詳細については、scrollTopを参照してください

于 2012-11-05T19:57:39.273 に答える
1

clickでイベントをリッスンし、クリックされたときにdiv使用できます。scrollTo

window.scrollTo(x座標、y座標):

ドキュメント内の特定の座標セットまでスクロールします。

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

于 2012-11-05T19:58:23.703 に答える