54

div内にグリッドビューがあります。jqueryを使用して、divの下部からdivの上部にスクロールしたい..任意の提案..

<div id="GridDiv">
// gridview inside..
</div>

私のグリッドビューには、カスタムページネーションで生成されたリンクボタンが含まれます...リンクボタンの下部からdivの上部までスクロールします...

protected void Nav_OnClick(object sender, CommandEventArgs e)
    {
        LinkButton lb1 = (LinkButton)sender;
        //string s = lb1.ID;
        ScriptManager.RegisterClientScriptBlock(lb1, typeof(LinkButton), 
 "scroll", "javascript:document.getElementById('GridDiv').scrollTop = 0;", true);

JavaScript の代わりに、jquery 関数を呼び出します...任意の提案...

編集：

ユーザーページごとのStackoverflowの質問とまったく同じです...ページ番号を変更すると、スムーズな効果で一番上にスクロールします...私はそれを達成したいです...

4

7 に答える 7

190

jquery を使用してできることは次のとおりです。

$('#A_ID').click(function (e) { //#A_ID is an example. Use the id of your Anchor
    $('html, body').animate({
        scrollTop: $('#DIV_ID').offset().top - 20 //#DIV_ID is an example. Use the id of your destination on the page
    }, 'slow');
});
于 2012-01-11T00:30:02.070 に答える
59

または、コードを減らすために、クリック内に次を配置します。

setTimeout(function(){ 

$('#DIV_ID').scrollTop(0);

}, 500);
于 2015-09-22T16:08:08.233 に答える
4

あなたはただ使うことができます：

<div id="GridDiv">
// gridview inside...
</div>

<a href="#GridDiv">Scroll to top</a>
于 2010-03-03T06:03:28.213 に答える
4

ストイックに感謝します

   $("#miscCategory").animate({scrollTop: $("#miscCategory").offset().top});
于 2019-04-23T04:24:22.537 に答える
2

これは、ボタンのクリックで一番上までスクロールする私のソリューションです。

$(".btn").click(function () {
if ($(this).text() == "Show options") {
$(".tabs").animate(
  {
    scrollTop: $(window).scrollTop(0)
  },
  "slow"
 );
 }
});
于 2020-04-29T05:51:28.440 に答える
0

次の関数を使用します

window.scrollTo(xpos, ypos)

ここで xpos が必要です。x 軸 (水平) に沿ってスクロールする座標 (ピクセル単位)

ypos も必須です。y 軸 (垂直) に沿ってスクロールする座標 (ピクセル単位)

于 2017-09-06T11:53:02.433 に答える