Wie die unten, um die vertikale Bildlaufleiste in den div-tag mit asp.net timer-Steuerelement, wenn die Seite ist erfrischend

Ich bin die Entwicklung einer chat-Anwendung unter Verwendung asp.net in der Anwendung mit div tag mit in div Tags hinzufügen asp.net Literal message-box und ein timer-Steuerelement , nun mein problem ist, wenn die Seite zu aktualisieren, oder klicken Sie auf die Schaltfläche (jeder Zeit) die div Bildlaufleiste ist immer top, aber ich möchte es zu bleiben am Boden, wie Sie meinen code?

<div id="divMessages" style="background-color: White; border-color:Black;border-width:1px;border-style:solid;height:300px;width:592px;overflow-y:scroll; font-size: 11px; padding: 4px 4px 4px 4px;" onresize="SetScrollPosition()">
  <asp:Literal Id="litMessages" runat="server" />
</div>
<asp:TextBox Id="txtMessage" onkeyup="ReplaceChars()" onfocus="SetToEnd(this)" runat="server" MaxLength="100" Width="500px" ClientIDMode="Static" />
<asp:Button Id="btnSend" runat="server" Text="Send" OnClientClick="SetScrollPosition()" OnClick="BtnSend_Click" ClientIDMode="Static"/>

- und javascript-Funktion ist

function SetScrollPosition()
{
  var div = document.getElementById('divMessages');            
  div.scrollIntoView(false);
  //(or) 
  div.scrollTop = 10000;
  //(both are checking)
}

bitte geben Sie mir irgendeinen Vorschlag zu, dass

Ich überprüft dieses Beispiel es funktioniert mit update panel, aber ich habe die update-panel und timer-Steuerung auch, ich muss mit Kontrollen zur Aufrechterhaltung der div-scroll-Leiste unten bitte geben Sie mir Anregungen ................

Überprüfen Sie den folgenden link, stackoverflow.com/questions/1094589/... Happy Coding!!!
ich sah das Beispiel junnark.com/Blog/Detail/2 bitte überprüfen Sie es

InformationsquelleAutor hmk | 2012-03-29

  1. 3

    Überprüfen Sie diesen code Siehe dieses Beispiel

    <asp:ScriptManager ID="ScriptManager1" runat="server" EnablePartialRendering="true"
            ScriptMode="Release" />
        <script type="text/javascript">
            var xPos, yPos;
            var prm = Sys.WebForms.PageRequestManager.getInstance();
            function BeginRequestHandler(sender, args) {
                if ($get('<%=divMessages.ClientID%>') != null) {
                    xPos = $get('<%=divMessages.ClientID%>').scrollLeft;
                    yPos = $get('<%=divMessages.ClientID%>').scrollTop;
                }
            }
            function EndRequestHandler(sender, args) {
                if ($get('<%=divMessages.ClientID%>') != null) {
                    xPos = $get('<%=divMessages.ClientID%>').scrollLeft = xPos;
                    yPos = $get('<%=divMessages.ClientID%>').scrollTop = yPos;
                }
            }
            prm.add_beginRequest(BeginRequestHandler);
            prm.add_endRequest(EndRequestHandler);
        </script>
    Sehr hilfreich für die Benutzer-Steuerelemente enthalten eine update-panel. Dank

    InformationsquelleAutor Ravi

  2. 0

    vielleicht habe ich eine einfache Lösung,aber ich nicht sicher, ob Sie wollen.

    in der traditionellen,wir können einen Anker für die url ein, und lassen Sie Seite scrollen besonderer Standort, wenn Sie auf diese Seite zuzugreifen.ähnlich : http://www.example.com/#message.

    so,Sie können schreiben, ein wenig von js, um die Kontrolle dieser Anker.

    <div id="divMessages" onresize="SetScrollPosition()">
    <asp:Literal Id="litMessages" runat="server" />
</div>
<div id="msg-local" />//add new element is to auto scroll to here.

function SetScrollPosition()
{
     ......
     //set the url with anchor
     window.location.hash = "go-msg-local"; 
     //set this value can disable browser auto scroll
 }

    //anschließend die page-load-Ereignis

     function page_load {
    if (window.location.hash) {
      window.location.hash = "msg-local"; 
    }
 }
    es ist nicht eine funktionierende java-script erroroccured bitte geben Sie mir Details explation

    InformationsquelleAutor zhengchun

Schreibe einen Kommentar