Page Scroll with a Table


i have page several small tables able scroll, go may december.  have tried using overflow scroll div command  doesn't seem work.

div.calendarlist {
width: 100%
margin: 0;
padding: 0;
overflow: scroll;

 

any suggestions on how work, best alternative, if work.

 

 

have tried using small java script used on page image bounce down page , hit go top.  neither 1 work.

 

here text of java script use on page:

<script language="javascript1.2" src="/inc/top.js"></script>

this placed @ bottom of page above footer:
<div id="watermark" style="position:absolute" class="floatmiddle"><a href="#top"><img src="../../../graphics/cgbup.gif" border=0 height=16 width=16 alt=to_top /></a></div>

 

this script use:

 

markw = 16; // pixels wide
  markh = 16; // pixels high
  markx = 100; // percent right
  marky = 100; // percent down
  markrefresh = 10; // milliseconds

  var wmark;
  function setvals() {
          wmark=document.getelementbyid?document.getelementbyid("watermark"):document.all?document. all["watermark"]:document.layers?document.watermark:null;
          if (wmark.style) wmark=wmark.style;
          wmark.width = markw;
          wmark.height = markh;
          navdom = window.innerheight; // nav dom level 0 flag
         
     barw = 0; // scrollbar compensation pc nav
     barh = 0;
     if (navdom) {
        if (document.height > innerheight) barw = 20;
        if (document.width > innerwidth) barh = 20;
        } else {
        innerwidth = document.body.clientwidth;
        innerheight = document.body.clientheight;
        }
     posx = ((innerwidth - markw)-barw) * (markx/105);
     posy = ((innerheight - markh)-barh) * (marky/120);
     }

  function wrefresh() {
     wmark.left = posx + (navdom?pagexoffset:document.body.scrollleft);
     wmark.top = posy + (navdom?pageyoffset:document.body.scrolltop);
     }

  function markme() {
     setvals();
     window.onresize=setvals;
     markid = setinterval ("wrefresh()",markrefresh);
     }
  window.onload=markme;

 

it won't go , down page on other pages.

 

any appreciated.

 

btw, female  last time got on here thought male.  :-)

cruser12 wrote:

 

i have page several small tables able scroll, go may december.  have tried using overflow scroll div command  doesn't seem work.

div.calendarlist {
width: 100%
margin: 0;
padding: 0;
overflow: scroll;

 

any suggestions on how work, best alternative, if work.


i have demo here:   http://dreamweaverresources.com/tutorials/scroller.html

 

you need give div height, otherwise doesn't know when invoke 'auto: scroll'  :-)

 

ps:  other issue - think you're looking 'persistent layer'.

if google term, you'll end quite few results, you'll have research 1 suits best guess  :-)

 

 

 

--

nadia

adobe® community expert : dreamweaver

--------------------------------------------------

unique css templates |tutorials |seo articles

http://www.dreamweaverresources.com

--------------------------------------------------

book: ultimate css reference

http://www.sitepoint.com/launch/005dfd4/3/133

---------------------------------------------------

http://twitter.com/nadiap



More discussions in Dreamweaver support forum


adobe

Comments

Popular posts from this blog

Help with codes to add 1 more shift register and add more to matrix LED

tcp client

Can't read sms using Thinker A7 communicate with Arduino