如何使用java脚本在asp.net中实现像facebook这样的滚动 [英] how to implement scrolling like facebook in asp.net using java script
问题描述
你好所有
我使用名为外部数据主义者的数据主义者实现了像facebook这样的帖子部分，在这个数据主义者中我正在使用另一个名为内部数据主义者的评论部分。外部datalist在我正在使用滚动位置垂直的面板内，当我发布5个滚动工作后，更新注释的所有操作，删除注释等工作正常但当我在评论部分输入任何评论时作为我点击发送按钮滚动条从顶部开始。我使用更新面板和一些固定滚动条的java脚本，但它们与我想要的不一样。我想要java脚本，当我在内部datalist中触发更新，编辑，删除等任何事件时，它会阻止滚动条进入顶部。
请帮帮我。
hello to all
i implemented a post section like facebook using a datalist named outer datalist and inside this datalist i am using another datalist named inner datalist for comment section. Outer datalist is inside a panel in which i am using scrolling position vertical, when i post 5 post the scrolling works,All operation of update comment, delete comment, like etc are working fine but when i enters any comment in comment section and as i click send button the scroll bar goes from top . I am using update panel and some java script for fixed scrollbar but they are not same that what i want here. i want java script which prevents scroll bar to goes top when i'll fire any event like update,edit,delete etc in inner datalist.
please help me.
推荐答案
Hai，
请通过此链接
http://stackoverflow.com/questions/4210798/how-to -scroll-to-top-of-page-with-javascript-jquery [ ^ ]
这对你有帮助。此外，我还会检查以下示例，它适用于所有浏览器。
Hai ,
Please go through this link
http://stackoverflow.com/questions/4210798/how-to-scroll-to-top-of-page-with-javascript-jquery[^]
It's may helpful for you. And also i check with following sample it's work for in all browsers.
<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
function myfunction() {
（'yourpanelidhere'）。scrollTop（0）;
返回false;
}
< / script >
< / head >
< body >
< 表格 id = form1 runat = server >
< div >
< asp：按钮 文字 = text runat = server OnClientClick = myfunction（） / >
< div id = check style = 身高：150px;宽度：50px; overflow-x：hiddem; overflow-y：auto; >
sometext
< br / >
sometext
< br / >
sometext
< br / >
sometext
< br / >
sometext
< br / >
sometext
< br / >
sometext
< br / > ;
sometext
< br / >
sometext
< span class =code-key单词>< br / >
sometext
< br / >
sometext
< br / >
sometext
< br / >
sometext
< < span class =code-leadattribute> br / >
sometext
< br / >
sometext
< br / >
sometext
< br / >
< / div >
< / div >
('yourpanelidhere').scrollTop(0); return false; } </script> </head> <body> <form id="form1" runat="server"> <div> <asp:Button Text="text" runat="server" OnClientClick="myfunction()" /> <div id="checking" style="height: 150px; width: 50px; overflow-x: hiddem; overflow-y: auto;"> sometext <br /> sometext <br /> sometext <br /> sometext <br /> sometext <br /> sometext <br /> sometext <br /> sometext <br /> sometext <br /> sometext <br /> sometext <br /> sometext <br /> sometext <br /> sometext <br /> sometext <br /> sometext <br /> </div> </div>
这篇关于如何使用java脚本在asp.net中实现像facebook这样的滚动的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
