Use jQuery Vertical Scroller plugin to display posts as a vertical scroll in a widget, post or page. Supports multiple instances.

sirisgraphics

Vamsi Pulavarthi

<p>jQuery Vertical Scroller plugin is our attempt to create a easy to use widget for adding vertical scrolling to your wordpress site. jQuery vertical Scroller is a versatile vertical scroller that allows you to scroll any post type or page.</p>
<p>You can scroll anything from your recent posts to custom posts you might have created for other plugins. The scroll is flexible to allow you to scroll in 2 vertical directions. Top-to-Bottom or Bottom-to-Top.</p>
<h4>Do you need more than one scroller?</h4>
<p>No problem with this plug-in. All you need to do is drag-&-drop another copy of the scroller into your widget area and set it up. No need to leave the widgets screen.</p>
<h4>Want to see a working copy before deciding?</h4>
<p>Just scroll on over to our website to see this plugin at work: <a href="http://sirisgraphics.com" rel="nofollow ugc">http://sirisgraphics.com</a></p>
<h4>Looking for Gapless Scroller</h4>
<p>We now have a premium scroller that allows you to scroll data on your site. Please visit out website to download Siris Scroller, our new gapless scroller and more…</p>
<h4>Widget</h4>
<p>Widget Features</p>
<ul>
<li>Easy to install and configure.</li>
<li>It scrolls vertically so you can display more posts.</li>
<li>You can scroll top-to-bottom or bottom-to-top.</li>
<li>You can hide the title of posts and pages being scrolled.</li>
<li>You can customize the height and width of the widget.</li>
<li>You can customize the type of recent posts to display.</li>
<li>You can customize the category of posts to display.</li>
<li>You can customize the number of recent posts to display.</li>
<li>You can customize to display either the content, excerpt or just the heading.</li>
<li>You can customize to display the post date in various date formats.</li>
<li>Supports custom ‘read more…’ text so you can add your own custom text</li>
</ul>
<p>Localization<br />
jQuery Vertical Slider supports full localization. Just place your .mo files in the languages folder and set your language code in the wp-config.php file.</p>
<p>Translation Files included: <br />
Italian by Vamsi Pulavarthi (Google Translate) <br />
Serbo-Croatian by <a href="http://www.webhostinghub.com/" rel="nofollow ugc">Borisa Djuraskovic</a></p>
<h4>Shortcode</h4>
<p>Usage: [sgvscroller postcount=”5″ sortby=”post_date” sortorder=”DESC” category=”1″ posttype=”post” width=”250px” height=”200px” startfrom=”bottom” includecontent=”excerpt” showdate=”true” showdateformat=”F, Y”]</p>
<p>postcount (optional, default value = 5): Sets the number of posts displayed by the scroller. Usage: postcount=”5″.</p>
<p>sortby (optional, default value = post_date): Set the Order By option for getting posts.<br />
        Valid Values:   ‘none’ – No order (available with Version 2.8).<br />
                        ‘ID’ – Order by post id. Note the capitalization.<br />
                        ‘author’ – Order by author.<br />
                        ‘title’ – Order by title.<br />
                        ‘date’ – Order by date.<br />
                        ‘modified’ – Order by last modified date.<br />
                        ‘parent’ – Order by post/page parent id.<br />
                        ‘rand’ – Random order.<br />
                        ‘comment_count’ – Order by number of comments (available with Version 2.9).<br />
        Usage: sortby=”post_date”</p>
<p>sortorder (optional, default value = DESC): Sorts the posts in ascending or descending order of post date. Usage: sortorder=”ASC” or “DESC”</p>
<p>category (optional, default value = 1): Sets the category to be displayed by the scroller. Usage: category=”1″.</p>
<p>posttype (optional, default value = post): Sets the category to be displayed by the scroller. You can either use ‘post’, for normal posts. For scrolling custom post types, replace it with the custom post type Usage: posttype=”post”.</p>
<p>width(optional, default value = 1): Sets the width of the scroller. Usage: width=”250px”.</p>
<p>height (optional, default value = 200px): Sets the height of the scroller. Usage: height=”200px”.</p>
<p>startfrom (optional, default value = bottom): Sets the direction of scroll for the scroller. Usage: startfrom=”bottom”. Options: ‘bottom’ or ‘top’.</p>
<p>includecontent (optional, default value = none): Allows you to display excerpt, if desired. Usage: includecontent=”excerpt”. Optons: ‘content’, ‘excerpt’ or ‘none’</p>
<p>showdate (optional, default value = false): Allows you to display the post date for each post displayed in the scroller. Usage: showdate=”true”. Options: ‘true’ or ‘false’</p>
<p>showdateformat (optional, default value = ‘F, Y’): Allows you to configure format in which the post date for each post is displayed in the scroller. Usage: showdateformat=”F, Y”. You can use any valid format described in the <a href="https://codex.wordpress.org/Formatting_Date_and_Time" rel="nofollow ugc">Date Formats</a> page</p>
<p>Shortcode Features</p>
<ul>
<li>Easy to install and configure.</li>
<li>It scrolls vertically so you can display more posts.</li>
<li>You can scroll top-to-bottom or bottom-to-top.</li>
<li>You can hide the title of posts and pages being scrolled.</li>
<li>You can customize the height and width of the widget.</li>
<li>You can customize the type of recent posts to display.</li>
<li>You can customize the category of posts to display.</li>
<li>You can customize the number of recent posts to display.</li>
<li>You can customize to display either the excerpt or just the heading.</li>
<li>You can customize to display the post date in various [date formats](https://codex.wordpress.org/Formatting_Date_and_Time).</li>
<li>Displays ‘read more…’ text at bottom of scroller</li>
</ul>
<h4>Support</h4>
<p>Contact us at <a href="http://sirisgraphics.com" rel="nofollow ugc">our website</a> for any kind of support. We promise to get back to you as soon as possible.</p>
<p>Like our plugin? Please rate us and send us a comment so we can make the plugin better for you.</p>


Alternatives to jQuery Vertical Scroller

Top alternatives