--- title: Bringing Back Scrollers With jQuery description: Remember scrollers? I do and have missed them terribly since they went out of design vogue. While th... image: https://www.websitemagazine.com/hubfs/Imported_Blog_Media/jquery-mini-Jan-23-2023-12-04-59-3066-AM-1-1-1.gif --- [Log In](https://www.websitemagazine.com/_hcms/mem/login) [Subscribe](https://websitemagazine.tradepub.com/free/w_webk05/prgm.cgi) [![Website Magazine Logo](https://www.websitemagazine.com/hs-fs/hubfs/gradient-regular@3x-1.png?width=586&height=145&name=gradient-regular@3x-1.png "Website Magazine Logo")](http://Website%20Services,%20Inc.) - [About](https://www.websitemagazine.com/about) - [FAQs](https://www.websitemagazine.com/about/faq) - [Advertise](https://www.websitemagazine.com/about/advertise) - [Editorial Staff](https://www.websitemagazine.com/about/editorial-publishing-staff) - [Resources](https://websitemagazine.tradepub.com) - [Newsletter](https://www.websitemagazine.com/newsletter-sign-up) - More - [Contact Us](https://www.websitemagazine.com/contact) [Log In](https://www.websitemagazine.com/_hcms/mem/login) [Subscribe](https://websitemagazine.tradepub.com/free/w_webk05/prgm.cgi) Search - [Latest](https://www.websitemagazine.com) - [Design](https://www.websitemagazine.com/web-design) - [Development](https://www.websitemagazine.com/web-development) - [SEO](https://www.websitemagazine.com/seo) - [Ecommerce](https://www.websitemagazine.com/ecommerce) - [Content](https://www.websitemagazine.com/content) - [Marketing](https://www.websitemagazine.com/marketing) - [Advertising](https://www.websitemagazine.com/advertising) - [Email](https://www.websitemagazine.com/email) - [Infographics](https://www.websitemagazine.com/infographics) - [View All Topics](https://www.websitemagazine.com/channels) # Bringing Back Scrollers With jQuery ![Pete Prestipino](https://www.websitemagazine.com/hubfs/Pete%20Prestipino.jpeg) [by Pete Prestipino](https://www.websitemagazine.com/marketing/author/pete-prestipino) 08 Oct, 2009 - - - [mailto:?Body=https://www.websitemagazine.com/marketing/bringing-back-scrollers-with-jquery](mailto:?Body=https://www.websitemagazine.com/marketing/bringing-back-scrollers-with-jquery) - Link Copied! ![Bringing Back Scrollers With jQuery](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/jquery-mini-Jan-23-2023-12-04-59-3066-AM-1-1-1.gif) ***Remember scrollers?* I do and have missed them terribly since they went out of design vogue.** While there are some holdouts to this traditional design element, using jQuery to scroll text or images adds the necessary Web 2.0 coolness you'll need if you don't want to get laughed out of your next design meetup. Here are some of the best jQuery plugins available to add element/content scrolling to web pages.  **Vertical News Ticker:** A very simple jQuery plugin that can be used to automatically scroll content vertically. Options include controls for speed of the scrolling animation, pausing (waiting between scrolling, how many items to show, fade in animations and a mousePause which stops scrolling on mouse over.\] **IntoViewPort Scroller:** A rather elegant jQuery plugin for scrolling to a certain DOM-element (but only if the element is not already in the browser's view port). Scroll effects are customizable as are the other animations. Be prepared - this is not your typical scroller. **jStockTicker:** Another simple plugin which animates a div containing a sequence of spans. When the second visible span reaches the edge of the visible area, the first span is appended to the end of the list.  **Smooth DIV Scroll:** Perhaps the best jQuery scroller we've come across, Smooth Div Scroll scrolls content horizontally left or right. Since the scrolling is done using hot spots within the scrollable area or via autoscrolling, there are no visible buttons resulting in an unobtrusive and smooth user experience. Ideal for standard scrolling text, it can also be used for image galleries, stock tickers or should you have special navigation requirements.  **simplyScroll:** Our favorite of the jQuery scrollers on this list, simplyScroll animates a set of elements either automatically or manually, horizontally or vertically and even features an infinite/continuous scroll mode. The best part of course is that the plugin accepts dynamic image input via a Flickr feed or a local JSON source. Speed and frame rate are configurable (which is key because the plugin is performance intensive).  **Multidirections Image Scroller:** The possibilities are endless with this simple solution. The Multidirections Image Scroller enables designers/developers to create an image scroller with mouse events and features horizontal and vertical scroll and stop/start on mouse events (in and out). The plugin preloads images and its parameters can be configured for speed, direction and to include a preload label. **Simple Scroller:** A modified approach to scrolling is Simple Scroller which converts sets of div elements into a scrolling content area and generates pagination links. While it 's not your typical scroller, it can be used in some innovative ways to present content (perhaps even as a standalone element of a website itself).    ![Pete Prestipino](https://www.websitemagazine.com/hubfs/Pete%20Prestipino.jpeg) [Pete Prestipino](https://www.websitemagazine.com/marketing/author/pete-prestipino) Digital marketing executive with proven experience in all aspects of search engine optimization (SEO), performance-based advertising, consumer-generated/social media, email marketing, lead generation, Web design, usability, and analytics. - 20-year Internet marketing veteran, currently serving as the Digital Marketing Campaign Manager at Antenna Group (formerly Chicago Digital). - Former Editor-In-Chief of Website Magazine, and a regular speaker on Web technology digital marketing strategy - Author of several books on digital marketing Including Web 360: The Fundamentals of Web Success; Affiliate 360: The Fundamentals of Performance Marketing; Domains 360: The Fundamentals of Buying & Selling Domain Names, and SEO 360: The Fundamentals of Search Engine Optimization. - - - [mailto:peter@websitemagazine.com](mailto:peter@websitemagazine.com) #### Popular Post ### [31 Back-to-School Keyword Targets ![31 Back-to-School Keyword Targets](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/schoolbus-1-1-1-1.jpg)](https://www.websitemagazine.com/marketing/31-back-to-school-keyword-targets) ### [GoDaddy Goes .XXX ![GoDaddy Goes .XXX](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/gradient-regular-logo-mark-Jan-23-2023-12-15-39-1451-AM-Apr-10-2023-01-36-09-0977-PM-3-1.png)](https://www.websitemagazine.com/marketing/godaddy-goes-xxx) ### [23 Cool Tech Facts ![23 Cool Tech Facts](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/fact_100x100-2-1-1-1.png)](https://www.websitemagazine.com/marketing/23-cool-tech-facts) #### Subscribe to Our Newsletter! [![](https://a.impactradius-go.com/display-ad/13053-1438301)](https://semrush.sjv.io/c/3976891/1438301/13053)![](https://imp.pxf.io/i/3976891/1438301/13053) #### Latest in Marketing [![3 Tips to Make Your Website More User-Friendly in 2023](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/pexels-photo-2284350-1-1.jpg) 3 Tips to Make Your Website More User-Friendly in 2023](https://www.websitemagazine.com/marketing/3-tips-to-make-your-website-more-user-friendly) [![Web.com Launches New Professional QuickStart Website Service](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/pexels-photo-4348404-1.jpg) Web.com Launches New Professional QuickStart Website Service](https://www.websitemagazine.com/marketing/web-com-launches-new-professional-quickstart-website-service) [![6 Ways to Stretch Your Marketing Budget](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/gradient-regular-logo-mark-Feb-07-2023-03-32-33-0828-PM-Apr-25-2023-03-10-37-2214-AM-1.png) 6 Ways to Stretch Your Marketing Budget](https://www.websitemagazine.com/marketing/6-ways-to-stretch-your-marketing-budget) [![5 Reasons Visitors Leave Your Website and Website Tracking Tools to Track Website Visitors](https://www.websitemagazine.com/hubfs/pexels-photo-1008155.jpg) 5 Reasons Visitors Leave Your Website and Website Tracking Tools to Track Website Visitors](https://www.websitemagazine.com/marketing/5-reasons-visitors-leave-your-website) [![5 Lessons About Workplace Energy](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/distress-1-1-1-1.png) 5 Lessons About Workplace Energy](https://www.websitemagazine.com/marketing/5-lessons-about-workplace-energy) [![Y Combinator Startups to #WebTechWatch](https://www.websitemagazine.com/hubfs/Imported_Blog_Media/startup-funding-4-1-1-1.jpg) Y Combinator Startups to #WebTechWatch](https://www.websitemagazine.com/marketing/y-combinator-startups-to-webtechwatch) [![gradient-regular@3x](https://www.websitemagazine.com/hs-fs/hubfs/gradient-regular@3x.png?width=128&height=128&name=gradient-regular@3x.png)](https://www.websitemagazine.com/) 999 E Touhy Ave, Des Plaines, IL 60018   [info@websitemagazine.com](mailto:info@websitemagazine.com) [(888) 7WEBMAG](tel:18887932624) [(312) 313-6576](tel:13123136576) About - [Advertise](https://www.websitemagazine.com/about/advertise) - [Editorial](https://www.websitemagazine.com/about/editorial-publishing-staff) - [Contact Us](https://www.websitemagazine.com/contact) Resources Membership - Login - Subscribe Signup for our newsletter © 2026 Website Magazine. All Rights Reserved - [Privacy Policy](https://www.websitemagazine.com/about/privacy) ```json { "@context" : "https://schema.org", "@type" : "BlogPosting", "author" : { "@type" : "Person", "name" : "Pete Prestipino", "url" : "https://www.websitemagazine.com/marketing/author/pete-prestipino" }, "dateModified" : "2023-05-01T21:31:41.501Z", "datePublished" : "2009-10-08T05:00:00.000Z", "headline" : "Bringing Back Scrollers With jQuery", "image" : [ "https://www.websitemagazine.com/hubfs/Imported_Blog_Media/jquery-mini-Jan-23-2023-12-04-59-3066-AM-1-1-1.gif" ], "mainEntityOfPage" : { "@id" : "https://www.websitemagazine.com/marketing/bringing-back-scrollers-with-jquery", "@type" : "WebPage" }, "publisher" : { "@type" : "Organization", "logo" : { "@type" : "ImageObject", "url" : "https://www.websitemagazine.com/hubfs/gradient-regular@3x-1.png" }, "name" : "Website Services, Inc." } } ``` ```json { "@context" : "https://schema.org", "@type" : "NewsArticle", "author" : [ { "@type" : "Person", "name" : "Pete Prestipino" } ], "headline" : "Bringing Back Scrollers With jQuery", "publisher" : { "name" : "Website Magazine", "url" : "https://www.websitemagazine.com/" } } ```