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>