• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 940
  • Last Modified:

div overflow autoscroll, auto start when page loads, vertical scroller

please help, this is driving me crazy and should be a relatively simple thing to achieve.

i have a div with overflow:auto scrollbars. inside the div is a list of dynamic content (image and pictures generated by smarty template code). all i want to do is have the scrollbars scroll down to the bottom, then when it hits the bottom, scroll up to the top.

here's the current code, so simple. please help urgently today so i can get it done by tomorrow! thank you!
<div style="overflow:auto;height:700px;">{$MAIN_CONTENT}</div>

Open in new window

0
whatsthedealhere
Asked:
whatsthedealhere
1 Solution
 
whatsthedealhereAuthor Commented:
one thing to ad: the scrolling should pause on mouseover, to allow the user to click on one of the items in the {$MAIN_CONTENT}
0
 
bluefezteamCommented:
http://www.dynamicdrive.com/dynamicindex2/mikescroll.htm

Useful script, cross browser and very configurable - why reinvent the wheel
0
 
whatsthedealhereAuthor Commented:
thanks but the problem with that script (and most of the ones i've found online so far) is that it requires me to stipulate each message separately. i have {$MAIN_CONTENT} that's going to do that, so i don't want to/can't create each message staticly like the above script requires. see:
//SET SCROLLER APPEARANCE AND MESSAGES
var myScroller1 = new Scroller(0, 0, 480, 32, 1, 5); //(xpos, ypos, width, height, border, padding)
myScroller1.setColors("#006600", "#ccffcc", "#009900"); //(fgcolor, bgcolor, bdcolor)
myScroller1.setFont("Verdana,Arial,Helvetica", 2);
myScroller1.addItem("<b>Click here for <a href='http://dynamicdrive.com'>Dynamic Drive</a>, the net\'s #1 DHTML site!</b>");
myScroller1.addItem("<b>Visit <a href='http://www.brainjar.com'>Brain Jar</a>, Mike\'s great coding site!</b>");
myScroller1.addItem("<b>Looking for free JavaScripts? Visit <a href='http://javascriptkit.com'>JavaScript Kit.</a>");
myScroller1.addItem("<b>Discuss and get help on web coding, at <a href='http://www.codingforums.com'>CodingForums.com</a></b>");

Open in new window

0
Cloud Class® Course: CompTIA Healthcare IT Tech

This course will help prep you to earn the CompTIA Healthcare IT Technician certification showing that you have the knowledge and skills needed to succeed in installing, managing, and troubleshooting IT systems in medical and clinical settings.

 
whatsthedealhereAuthor Commented:
does anyone have an answer to this one?
0
 
scrathcyboyCommented:
I don't think you should be using overflow:auto.  If you are trying to correct the IE bug, use overflow:visible;
0
 
whatsthedealhereAuthor Commented:
@scrathcyboy thanks for that

I still need help to make the div autoscroll up and down on its own. Please help!
0
 
whatsthedealhereAuthor Commented:
@scrathcyboy, thanks for the time it took to respond with those links. Some of them don't have answers and others aren't what I'm looking for.

The one that actually does what I want it to do (http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/Q_22895384.html) doesn't work properly, it scrolls too fast/erratically, even after applying the fix given on the page

Surely this is something others have done successfully before?
0
 
Lolly-InkCommented:
The answer you refer to (http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/Q_22895384.html) works for the div content it is displaying. There may be something in your dynamic content which is causing the erratic behaviour. Test it with one item from the dynamic content, then two, ... until you can pinpoint what is causing the problem.
0
 
scrathcyboyCommented:
remove the overflow:auto, as I said, and see what happens.  Also test it on FF and Mozilla.  Report
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Cloud Class® Course: Ruby Fundamentals

This course will introduce you to Ruby, as well as teach you about classes, methods, variables, data structures, loops, enumerable methods, and finishing touches.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now