Wie zu bewegen asp.net Seite nach oben in c#

Wenn der Benutzer, der blättert eine Seite, ich möchte die Seite wieder nach oben mit einem button-Klick. Der Benutzer auf die Schaltfläche klickt, und ich weiß Validierung. Die Fehlermeldung ist an der Spitze der Seite, und die Schaltfläche ist am unteren Rand der Seite. Wenn etwas unwirksam ist, dann möchte ich an die Nutzer zu schicken Blättern Sie zurück zum Anfang der Seite, so dass Sie sehen können, die Fehlermeldung.

Wie kann ich dies tun? Ich will nicht zu verwenden, java-script, wenn ich muss. Ist es Weg, dies zu tun in C# aus dem code hinter?

Ich habe dies ausprobiert:

ScriptManager.RegisterStartupScript(Page, this.GetType(), "ScrollPage", "scrollToTop();", true);

Zur Laufzeit erhalte ich die Fehlermeldung: 0x800a1391 - JavaScript runtime error: 'scrollToTop' ist undefiniert

  • warum müssen Sie einen Bildlauf nach oben , wenn der Benutzer nach unten Blättern müssen, das ist schlecht UX oder etwas, das Sie benötigen konnten, um zu erklären, mehr zu verstehen, Ihre Anforderung!
  • Wird der Inhalt anders sein? Wenn nicht ein roundtrip zum server ist nicht der Weg, dies zu tun-und JavaScript - /html-ist
  • Ich aktualisiert meine Frage
  • Warum nicht Sie die überprüfung in einem fixed-div (position: fixed)? So dass Sie nicht scrollen müssen, um es zu sehen.
InformationsquelleAutor nate | 2014-12-11
  1. 3

    Können Sie ändern code-behind verwenden folgende.

    ScriptManager.RegisterStartupScript(Page, this.GetType(), "ScrollPage", "window.scroll(0,0);", true);

    Hier window.scroll(x,y) bedeutet, wo zu scrollen ( x - Kabel, y - Kabel ) . Ich habe verwendet, 0,0 bis nach OBEN.

    Die Sie verwendet hatten scrollToTop zu verwenden, müssen Sie diese Funktion in aspx, oder verwenden mir.

    Weitere Infos , finden Sie diese - http://www.w3schools.com/jsref/met_win_scrollto.asp

    Update

    Seit der OP verwendet updatepanel, ich habe einen Vorschlag, um das gleiche zu erreichen. Verwenden Sie unten. Ich habe referierten diese.

    <script type="text/javascript" language="javascript">
    Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);
    function EndRequestHandler(sender, args)
    {
       scrollTo(0,0);
    }
</script>
    • Ich habe versucht, und es hat nicht funktioniert. Ich bin mit IE 11
    • Wenn Sie sehen, alle javascript-Fehler , bitte posten Sie das, und wie sieht es mit anderen Browsern?
    • Ich habe post den Fehler in meiner Frage: Bei der Laufzeit bekomme ich die Fehlermeldung: 0x800a1391 - JavaScript runtime error: 'scrollToTop' ist nicht definiert
    • Ich wurde gefragt, wenn Sie meine Lösung, sind Sie immer Fehler? -- Wenn Sie klar zu untersuchen, habe ich nicht verwendet scrollToTop in meiner Lösung.
    • Es gibt keine Fehler in JavaScript, wenn ich Ihren code
    • Also meine Vermutung ist, es für Sie arbeiten. Was es bedeutet, wenn eine Seite gerendert wird voll, es gibt keinen Scrollbalken, dann wird es nicht Blättern, nichts, da es nichts zu scrollen.
    • Es ist eine vertikale scroll-Leiste. Die Seite blinkt wie es nach oben ging, aber dann wurde wieder auf die position der Seite, wo der Knopf ist, auf den geklickt wurde.
    • Überprüfen Sie die unten Antwort, es sagt MaintainScrollPositionOnPostback entfernt werden, oder auf false eingestellt ist.
    • Lassen Sie uns weiter, diese Diskussion im chat.
    • arbeitete für mich auch.

    InformationsquelleAutor Arindam Nayak
  2. 2

    Können Sie versuchen, die folgenden in der page-Direktive

    <%@ Page MaintainScrollPositionOnPostback="false"

    Oder in der code-behind können Sie die folgenden schreiben:

    Seite.MaintainScrollPositionOnPostBack = false;

    und, wenn Sie die async-post zurück, als finden Sie in folgenden Beitrag:

    Bildlauf zum Anfang der Seite nach ASP.Net Ajax Async-Postback ohne JQuery

    • Ich habe müde, und ich kann immer noch nicht bekommen, um einen Bildlauf nach oben
    InformationsquelleAutor saurabh pahuja
  3. 1

    Brauchen Sie nicht einmal C# für das. Sie können dies tun, mit nur HTML:

    <button type="button" formaction="yoursite.com#top">Click me</button>
    • Ich müde, aber es nicht senden Sie meine Seite zurück an die Spitze
    InformationsquelleAutor Jeff Lee
  4. 0

    Konnte ich keine der oben genannten arbeiten für mich.

    Mein Szenario: ich habe ein GridView-Steuerelement eingebettet in eine MultiView. Der Benutzer klickt auf etwas, auf das GridView-Steuerelement, und es schaltet Ansichten zur Ausgabe in Bezug auf was geklickt wurde. Der browser würde versuchen zu bleiben in der gleichen position auf der Ausgabe-wie die Zeile, auf die geklickt wurde, die würde einen Teil des Weges unten auf der Seite oder ganz unten.

    Ich habe versucht mit Javascript scrollen Sie zu der oben auf das click-Ereignis der Schaltfläche in der Zeile. Das klappte auch.. aber bevor es eingeschaltet, um die neue Ansicht ein, wo es umgehend wieder nach unten gescrollt.

    Ich schließlich versuchte dies und es funktioniert. Ich betreibe es nach der die Anzeigen geschaltet ist, und der Inhalt gerendert.

    Page.ClientScript.RegisterStartupScript(Me.GetType, "scrollKey", "scrollTo(0, 0);", True)

    War ich besorgt, wenn ich wieder zurück auf die ursprüngliche Ansicht, dass ich am oberen Rand der Seite die Seite wieder, jedoch der browser scrollt zurück an die ursprüngliche position auf das GridView, das ist schlicht genial.

    InformationsquelleAutor Mmm
  5. 0

    Obwohl Sie nicht wollen, um die JavaScript verwenden, können Sie erwägen, die Verwendung der OnClientClick="" Eigenschaft eines Asp.Net element auf der Ansicht, damit Sie Ihre business-Logik können noch OnClick="" Eigenschaft. 

    <asp:LinkButton ID="LinkButton1" OnClientClick="javascript:scroll(0,0);" OnClick="btnNextPage_Click" class="generic-button" runat="server">

    Diese legt einfach das scrollen wieder ganz oben auf der Seite.
    Wenn Sie möchten, um eine schöne animation, mit ihm gehen Sie, und verwenden Sie einen JavaScript-Bibliothek wie jQuery und eine über Funktion.

    InformationsquelleAutor webMac
Schreibe einen Kommentar