fflandrath53
New Member
- Messages
- 42
- Reaction score
- 0
- Points
- 0
Hello all,
Here's a bit of XHTML from the Roller~Poster main page, please note the "imgCache" div. This div is populated with bookmark images via javascript/XML. The wierd thing I have not been able to figure out is why, just after loading, if I place the mouse-pointer on the vertical scroll bar the whole div starts scrolling down without a click on the bar or using the page-down key. BTW, the "imageCache" is represented on screen as the "Bookmark Select" area. Clicking within the div (but not on an image) stops the auto-scrolling and then it works normally. The only js scrolling is a line to move to the top of the div after load (imgCache.scrollTop=0).
Of course this is not a really big deal but I'd like to understand what's happening. Any ideas?
Thanks, Floyd
Here's a bit of XHTML from the Roller~Poster main page, please note the "imgCache" div. This div is populated with bookmark images via javascript/XML. The wierd thing I have not been able to figure out is why, just after loading, if I place the mouse-pointer on the vertical scroll bar the whole div starts scrolling down without a click on the bar or using the page-down key. BTW, the "imageCache" is represented on screen as the "Bookmark Select" area. Clicking within the div (but not on an image) stops the auto-scrolling and then it works normally. The only js scrolling is a line to move to the top of the div after load (imgCache.scrollTop=0).
Of course this is not a really big deal but I'd like to understand what's happening. Any ideas?
Thanks, Floyd
Code:
<div style = "top:145px; left:52.5%; bottom:.5em; right:.5em; position:absolute; border:solid .10em #ff0000; background-color:#000000;">
<h3 style = "color:#ffffff;">
Bookmark Select
<a href="http://greenfloyd.org/docs/_roller.user_manual.html#bm_select" onclick="userHelp(this.href); return false;" title="User instructions.">
<img src="/images/Info.png" height="15px" width="15px" alt="information button" />
</a>
</h3>
<div id="imgCache" style="top:25px; bottom:.5em; left:.5em; right:.5em; position:absolute; margin-top:.5em; text-align:left; background-color:#000000; overflow:auto;display:block;"></div>
<div id="bmSelectShade" style="top:25px; bottom:0; left:0; right:0; position:absolute; display:none; background-color:#ff0000;" onclick="bmOptions(9);"></div>
<div id="folderCache"></div>
</div>