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
---------------------------------------------------
More discussions in Dreamweaver support forum
adobe
Comments
Post a Comment