control horizontal scrolling

Pif · Apr 27, 2010

Hello, in my webapp, I''ve a long timebar that needs an horizontal
scrolling. In this bar there are past and futur events. In current
stage of my page, the scrolling is initialized in the left position. I
would like to visualize current date in the bar at page start...

so do you know if there are solution ? using "%" or "px" position, or
using anchors on current date for example ?

Thanks a lot.

Laser Lips · Apr 27, 2010

Hello, in my webapp, I''ve a long timebar that needs an horizontal
scrolling. In this bar there are past and futur events. In current
stage of my page, the scrolling is initialized in the left position. I
would like to visualize current date in the bar at page start...

so do you know if there are solution ? using "%" or "px" position, or
using anchors on current date for example ?

Thanks a lot.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>

<BODY>
<div id='test' style='height:200px;width:200px;border:1px solid
black;overflow:scroll'>
<br/

THIS_IS_SOME_LONG_TEXT_THIS_IS_SOME_LONG_TEXT_THIS_IS_SOME_LONG_TEXT

<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
</div>
<script style='text/javascript'>
var div=document.getElementById("test");
</script>
<button onclick='alert(div.scrollWidth);'>Full Scroll Width</button>
<button onclick='alert(div.scrollHeight);'>Full Scroll Height</
button>
<button onclick='div.scrollTop=div.scrollHeight;'>Scroll to bottom</
button>
<button onclick='div.scrollTop=0;'>Scroll to top</button>
<button onclick='alert(div.scrollTop);'>Get Current position</button>
</BODY>
</HTML>

nick · Apr 27, 2010

Code:
horizontal

Click to expand...

Code:

[/QUOTE] <button onclick="div.scrollLeft = div.scrollWidth;">Scroll to right</ button>

TextArea Horizontal Scrolling	3	Apr 11, 2008
Horizontal scrolling	15	Aug 14, 2008
Sticky Header - How Do I Make It Hide/Show on Scroll?	0	Sep 27, 2021
frame and horizontal scrolling (IE)	0	Jun 30, 2006
Horizontal Scrolling	0	Feb 14, 2005
Cross browser horizontal overflow	2	Nov 5, 2006
Weird Behavior with Rays in C and OpenGL	4	Feb 13, 2024
Palm Pre Browser - How to Prevent Scrolling?	1	Sep 29, 2009

control horizontal scrolling

Pif

Laser Lips

nick

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads