943,770 Members | Top Members by Rank

Web Development > ASP.NET > Scrollbar not working properly
Ad:
  • ASP.NET Discussion Thread
  • Marked Solved
  • Views: 2871
  • ASP.NET RSS
You are currently viewing page 1 of this multi-page discussion thread
Permalink
May 1st, 2009
0

Scrollbar not working properly

Expand Post »
Hi,

I have a problem with a scrollbar, once in a while when I try scrolling up or down it jumps to the recent position of the scroll.

You can see the problem on: http://radiojazz.dk/udsendelser.aspx

And then try to scroll abit and see that it jumps.

Does anybody know how to fix this problem?

I hope you understand what I meen

thanks
Similar Threads
Reputation Points: 10
Solved Threads: 0
Junior Poster in Training
kischi is offline Offline
62 posts
since Dec 2008
Permalink
May 1st, 2009
0

Re: Scrollbar not working properly

remove update panels then try again.
Featured Poster
Reputation Points: 854
Solved Threads: 127
Banned
serkan sendur is offline Offline
2,057 posts
since Jan 2008
Permalink
May 2nd, 2009
0

Re: Scrollbar not working properly

Hi, witch update panels, I don't think I have any?
Last edited by kischi; May 2nd, 2009 at 12:10 pm.
Reputation Points: 10
Solved Threads: 0
Junior Poster in Training
kischi is offline Offline
62 posts
since Dec 2008
Permalink
May 2nd, 2009
0

Re: Scrollbar not working properly

that problem occurs in ajax enabled websites as far as i experienced.
Featured Poster
Reputation Points: 854
Solved Threads: 127
Banned
serkan sendur is offline Offline
2,057 posts
since Jan 2008
Permalink
May 4th, 2009
0

Re: Scrollbar not working properly

Ok, but do you know how I fix the problem then?

And I don't know if I made the website Ajax Enabled or what.

How do I fix that?

Thx
Reputation Points: 10
Solved Threads: 0
Junior Poster in Training
kischi is offline Offline
62 posts
since Dec 2008
Permalink
May 4th, 2009
0

Re: Scrollbar not working properly

why dont you post mark up of your web page? it is hard to infer something without seeing it.
Featured Poster
Reputation Points: 854
Solved Threads: 127
Banned
serkan sendur is offline Offline
2,057 posts
since Jan 2008
Permalink
May 4th, 2009
0

Re: Scrollbar not working properly

Ok here is the code from the masterpage:

ASP.NET Syntax (Toggle Plain Text)
  1.  
  2. <%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %>
  3.  
  4.  
  5. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  6.  
  7. <html xmlns="http://www.w3.org/1999/xhtml">
  8. <head runat="server">
  9.  
  10.  
  11.     <title>Radio Jazz</title>
  12.     <link href="style.css" rel="stylesheet" type="text/css" />
  13.     <asp:ContentPlaceHolder id="head" runat="server">
  14.     </asp:ContentPlaceHolder>
  15. </head>
  16.  
  17. <body>
  18.  
  19. <div class="container">
  20.     <form id="form1" runat="server">
  21.  
  22.   <a href="Default.aspx"> <div class="top"></div></a>
  23.  
  24.  
  25.  
  26.  
  27.  
  28.     <span class="menu"><a href="default.aspx">Forside</a></span>
  29.     <span class="menu"><a href="udsendelser.aspx">Udsendelser</a></span>
  30.     <span class="menu"><a href="http://83.133.64.106:8000/listen.pls">Netradio</a></span>
  31.     <span class="menu"><a href="venner.aspx">Radio Jazz Venner</a></span>
  32.     <span class="menu"><a href="omradiojazz.aspx">Om Radio Jazz</a></span>    
  33.     <span class="menu"><a href="links.aspx">Links</a></span>
  34.  
  35.  
  36.     <span class="dato_master">
  37.  
  38. <asp:Label ID="date" runat="server" Text="Label"></asp:Label> 
  39.  
  40.  
  41. </span>
  42.     <span class="ur">
  43.  
  44.   <asp:Label ID="lblcurrenttime" runat="server" Text=""></asp:Label>
  45.         </span>
  46.  
  47.  
  48.  
  49.  
  50.  
  51.  
  52.  
  53.  
  54.  
  55.     <asp:ScriptManager ID="ScriptManager1" runat="server">
  56. </asp:ScriptManager>
  57. <asp:UpdatePanel ID="UpdatePanel1" runat="server">
  58. <ContentTemplate>
  59. <asp:Timer ID="Timer1" runat="server" Interval="1000">
  60. </asp:Timer>
  61.  
  62.  
  63.  
  64.  
  65.  
  66.  
  67. </ContentTemplate>
  68.  
  69. </asp:UpdatePanel>
  70.  
  71.  
  72.  
  73.  
  74.  
  75.  
  76.          <div class="Content"> </div>
  77.  
  78.  
  79.     <div id="content" style="font-size: 75%"> 
  80.     <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">
  81.         </asp:ContentPlaceHolder>
  82.  
  83.       </div>
  84.  
  85.  
  86.  
  87.  
  88.  
  89.  
  90.     </form>
  91.     </div>
  92. </body>
  93.  
  94.  
  95. </html>

and from one of the page where the scroll bar doesn't work properly:

aspx page:

ASP.NET Syntax (Toggle Plain Text)
  1.  
  2. <%@ Page Title="" Language="C#" Debug="true" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="udsendelser.aspx.cs" Inherits="udsendelser" %>
  3.  
  4. <asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
  5. </asp:Content>
  6. <asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
  7.  
  8.     <asp:Repeater ID="program" runat="server">
  9.  
  10.     <ItemTemplate>
  11.     <div class="container_udsendelser">
  12.     <div class="container_udsendelser_txt">
  13.        <div class="dato_udsendelser">  <%# Eval("date", "{0:d}")%></div>
  14.  
  15.        <span class="program_txt">
  16.        <%# Eval("tid", "{0:t}")%>
  17.        </span>
  18.  
  19.       <span class="txt_udsendelser"> <%# Eval("txt")%></span> 
  20.  
  21.  
  22.                       <span class="link_udsendelser">
  23.  
  24.                       <%#
  25. (Eval("titel").ToString().Length > 0) ? "<a href=\"viewpage.aspx?task=edit&id=" + Eval ("id").ToString() + "\">Læs mere...</a>" : ""
  26. %>
  27.       </span>
  28.  
  29.  
  30.  
  31.  
  32.  
  33.  
  34.  
  35.          </div>
  36.     </div>
  37.    <br />
  38.  
  39.  
  40.      <!--<a href="viewpage.aspx?task=edit&id=<%# Eval ("id") %>">Læs mere...</a>-->
  41.  
  42.  
  43.     </ItemTemplate>
  44.     </asp:Repeater>
  45.  
  46.  
  47.  
  48. </asp:Content>

cs page:

ASP.NET Syntax (Toggle Plain Text)
  1.  
  2. using System;
  3. using System.Collections.Generic;
  4. using System.Linq;
  5. using System.Web;
  6. using System.Web.UI;
  7. using System.Web.UI.WebControls;
  8. using System.Data.SqlClient;
  9. using System.Data;
  10. using System.Configuration;
  11. using System.Collections;
  12. using System.Web.Security;
  13. using System.Web.UI.WebControls.WebParts;
  14. using System.Web.UI.HtmlControls;
  15.  
  16. public partial class udsendelser : System.Web.UI.Page
  17. {
  18.     SqlConnection objconn = new SqlConnection(ConfigurationManager.ConnectionStrings["ConnectionString"].ToString());
  19.     SqlCommand objcmd = new SqlCommand();
  20.     protected void Page_Load(object sender, EventArgs e)
  21.     {
  22.  
  23.  
  24.         GetLinks();
  25.  
  26.         if (Request.QueryString["task"] != null)
  27.         {
  28.  
  29.             switch (Request.QueryString["task"].ToString())
  30.             {
  31.                 case "edit":
  32.                     //do
  33.                     break;
  34.             }
  35.  
  36.  
  37.         }
  38.     }
  39.  
  40.  
  41.     private void GetLinks()
  42.     {
  43.  
  44.         if (DateTime.Now.Hour > 3)
  45.         {
  46.  
  47.  
  48.             objcmd.Connection = objconn;
  49.             objcmd.CommandType = CommandType.Text;
  50.             objcmd.CommandText = "SELECT * FROM PROGRAM WHERE DATE >= convert(varchar, GETDATE()) AND DATE <= DATEADD(Month, 2, GETDATE()) ORDER BY date,tid ASC";
  51.  
  52.  
  53.  
  54.             SqlDataReader reader = null;
  55.  
  56.             objconn.Open();
  57.  
  58.             reader = objcmd.ExecuteReader();
  59.             program.DataSource = reader;
  60.             program.DataBind();
  61.  
  62.             objconn.Close();
  63.         }
  64.  
  65.  
  66.         else
  67.         {
  68.  
  69.             objcmd.Connection = objconn;
  70.             objcmd.CommandType = CommandType.Text;
  71.             objcmd.CommandText = "SELECT * FROM PROGRAM WHERE (DATE >= convert(varchar, GETDATE()) OR (DATE <= DATEADD(Month, 2, GETDATE())) AND DATE = DATEADD(day, DATEDIFF(day, 0, GETDATE()), 0)) ORDER BY date,tid ASC";
  72.  
  73.             SqlDataReader reader = null;
  74.  
  75.             objconn.Open();
  76.  
  77.             reader = objcmd.ExecuteReader();
  78.             program.DataSource = reader;
  79.             program.DataBind();
  80.  
  81.         }
  82.     }
  83. }

and the stylesheet page:

ASP.NET Syntax (Toggle Plain Text)
  1.  
  2. *{margin:0; padding:0;}
  3.  
  4. body {
  5. 	font-family:Verdana, Arial sans-serif; font-size:14px; color:#fff;
  6. 	background-color: #000000;
  7. }
  8.  
  9. p
  10. { 
  11. line-height: 1;
  12. }
  13. .container
  14. {
  15.     width:900px;
  16.     margin-left:180px;
  17. }
  18.  
  19. .container_udsendelser
  20. {
  21.     width:900px;
  22.  
  23. }
  24.  
  25. .top
  26. {
  27.  
  28.    background-image:url(assets/header.jpg);
  29.    width:900px;
  30.    height:179px;
  31.  
  32. }	
  33.  
  34. .menu {	font-family:Verdana, Arial, sans-serif; font-size:12px; color:#9999CC; margin: 0px 20px 0px 0px;}
  35. .menu a:link {color:#9999CC; text-decoration:none;}
  36. .menu a:visited {color:#9999CC; text-decoration:none;}
  37. .menu a:hover {color:#DA0013; text-decoration:none;}
  38. .menu a:mouseover {color:#DA0013; text-decoration:none;}
  39. .menu a:active {color:#DA0013; text-decoration:none;}	
  40.  
  41.  
  42. .Content {	font-family:Verdana, Arial, sans-serif; font-size:14px; color:#fff; margin: 70px 0px 0px 0px;}	
  43. .Content a:link {color:#DA0013; text-decoration:none;}
  44. .Content a:visited {color:#DA0013; text-decoration:none;}
  45. .Content a:hover {color:#fff; text-decoration:none;}
  46. .Content a:mouseover {color:#fff; text-decoration:none;}
  47. .Content a:active {color:#DA0013; text-decoration:none;}
  48.  
  49. .link_tekniker
  50. {
  51.     color:#ffffff;
  52.     font-size:15px;
  53. }
  54.  
  55. .link_tekniker a:link {color:#ffffff; text-decoration:none;}
  56. .link_tekniker a:visited {color:#ffffff; text-decoration:none;}
  57. .link_tekniker a:hover {color:#DA0013; text-decoration:none;}
  58. .link_tekniker a:mouseover {color:#ffffff; text-decoration:none;}
  59. .link_tekniker a:active {color:#ffffff; text-decoration:none;}	
  60.  
  61. h4
  62. {
  63.     color:#9999CC;
  64.     font-weight:normal;
  65. }
  66.  
  67.  
  68. fieldset
  69. {
  70.     width:300px;
  71.     margin-top:10px;
  72.     float:left;
  73.     margin-right:100px;
  74. }
  75.  
  76. .program_txt
  77. {
  78.  
  79.     font-size:15px;
  80.     color:#9999CC;
  81.     width:150px;
  82.     float:left;
  83.  
  84. }
  85.  
  86. .top_om
  87. {
  88.     float:left;
  89.     font-size:15px;
  90.     color:#9999CC;
  91.     width:900px;
  92.     height:150px;
  93. }
  94.  
  95.  
  96.  
  97. .blaa_storre_link {	font-family:Verdana, Arial, sans-serif; font-size:15px; color:#9999CC; margin-bottom:500px; margin: 0px 0px 0px 0px;}
  98. .blaa_storre_link a:link {color:#9999CC; text-decoration:none;}
  99. .blaa_storre_link a:visited {color:#9999CC; text-decoration:none;}
  100. .blaa_storre_link a:hover {color:#DA0013; text-decoration:none;}
  101. .blaa_storre_link a:mouseover {color:#DA0013; text-decoration:none;}
  102. .blaa_storre_link a:active {color:#DA0013; text-decoration:none;}	
  103.  
  104.  
  105. #program_txt_vert
  106. {
  107.  
  108.     font-size:15px;
  109.     color:#fff; 
  110.     width:500px;
  111.     float:right;
  112.  
  113.  
  114. }
  115.  
  116. #program_txt_tekniker
  117. {
  118.  
  119.     font-size:15px;
  120.     color:#fff; 
  121.     width:300px;
  122.     float:left;
  123.  
  124. }
  125.  
  126. #view_img
  127. {
  128.     float:left;
  129.     padding-right:15px;
  130. }
  131.  
  132.  
  133.  
  134. .ur
  135. {
  136.     color:#ff0000;   
  137.  
  138. }
  139.  
  140.  
  141.  
  142. .txt_udsendelser
  143. {
  144.  
  145.     font-size:15px;
  146.     color:#ffffff;
  147. }
  148.  
  149. .bund_txt_om
  150. {
  151.  
  152.     font-size:15px;
  153.     color:#ffffff;
  154.     margin-top:140px;
  155.  
  156.  
  157. }
  158.  
  159. .txt_redaktion
  160. {
  161.  
  162.     font-size:15px;
  163.     color:#fff;
  164.  
  165.  
  166. }
  167.  
  168. .top_om_hojre
  169. {
  170.     position:relative;
  171.     left:450px;
  172.     top:-140px;
  173.     width:300px;
  174.  
  175. }
  176.  
  177.  
  178.  
  179. .linkside {	font-family:Verdana, Arial, sans-serif; font-size:15px; color:#ffffff; margin-left:70px;}
  180. .linkside a:link {color:#ffffff; text-decoration:none;}
  181. .linkside a:visited {color:#ffffff; text-decoration:none;}
  182. .linkside a:hover {color:#DA0013; text-decoration:none;}
  183. .linkside a:mouseover {color:#ffffff; text-decoration:none;}
  184. .linkside a:active {color:#ffffff; text-decoration:none;}	
  185.  
  186.  
  187. .link_venner {	font-family:Verdana, Arial, sans-serif; font-size:15px; color:#9999CC; margin-left:300px;}
  188. .link_venner a:link {color:#9999CC; text-decoration:none;}
  189. .link_venner a:visited {color:#9999CC; text-decoration:none;}
  190. .link_venner a:hover {color:#DA0013; text-decoration:none;}
  191. .link_venner a:mouseover {color:#9999CC; text-decoration:none;}
  192. .link_venner a:active {color:#9999CC; text-decoration:none;}	
  193.  
  194. .container_udsendelser_txt
  195. {
  196.     margin-left:70px;
  197. }
  198.  
  199. .link_udsendelser
  200. {
  201.     font-family:Verdana, Arial, sans-serif; 
  202.     font-size:12px; 
  203.     color:#ff0000; 
  204.  
  205. }
  206. .link_udsendelser a:link {color:#ff0000; text-decoration:none;}
  207. .link_udsendelser a:visited {color:#ff0000; text-decoration:none;}
  208. .link_udsendelser a:hover {color:#ff0000; text-decoration:none;}
  209. .link_udsendelser a:mouseover {color:#ff0000; text-decoration:none;}
  210. .link_udsendelser a:active {color:#ff0000; text-decoration:none;}	
  211.  
  212. .dato_udsendelser
  213. {
  214.     font-size:10px;
  215.     font-weight:bold;
  216.    width:100px;
  217. }	
  218.  
  219. legend
  220. {
  221.     color:#ffffff;
  222. }
  223.  
  224.  
  225.  
  226. .dato_master
  227. {
  228.     text-align:right;
  229.     color:#9999CC;
  230.     margin-left:152px;
  231.  
  232. }
  233.  
  234. .rediger_links
  235. {
  236.     color:#ffff00;
  237. }
  238.  
  239.  
  240.  
  241. #view_titel
  242. {
  243.     float:left;
  244.     width:400px;
  245.     font-size:15px;
  246.     color:#ffffff;
  247. }
  248.  
  249. .linjeafstand
  250. {
  251.     line-height:20px;
  252. }

I hope you can find the error.

Thx
Reputation Points: 10
Solved Threads: 0
Junior Poster in Training
kischi is offline Offline
62 posts
since Dec 2008
Permalink
May 4th, 2009
0

Re: Scrollbar not working properly

you said you dont have update panels, i see that you have update panels and script managers on your page. as i said this problem is caused by that update panels. if it is not necessary to have them on your page, let the page post back to the server.
Featured Poster
Reputation Points: 854
Solved Threads: 127
Banned
serkan sendur is offline Offline
2,057 posts
since Jan 2008
Permalink
May 5th, 2009
0

Re: Scrollbar not working properly

Yeah sorry, I also saw it after I had written to you.

But now it works, because I deleted my update panels.
I thought I needed them to get the clock to work, but I guess not. :-D

Thx
Reputation Points: 10
Solved Threads: 0
Junior Poster in Training
kischi is offline Offline
62 posts
since Dec 2008
Permalink
May 5th, 2009
-1

Re: Scrollbar not working properly

where is my reputation ?
Featured Poster
Reputation Points: 854
Solved Threads: 127
Banned
serkan sendur is offline Offline
2,057 posts
since Jan 2008

This thread is solved

Either the thread starter or a moderator has marked this thread as solved. You can most likely trust the responses and answers given. There is most likely no reason for any further responses to be posted here. If you have a related question, please start a new thread in this forum instead.

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.
Message:
Previous Thread in ASP.NET Forum Timeline: select row in gridview
Next Thread in ASP.NET Forum Timeline: Nhibernat and avg





About Us | Contact Us | Advertise | Acceptable Use Policy
Forum Index | Build Custom RSS Feed


Follow us on Twitter


© 2011 DaniWeb® LLC