Title: jQuery Vertical Scroller
Author: Vamsi Pulavarthi
Published: <strong>2012 年 11 月 25 日</strong>
Last modified: 2019 年 2 月 23 日

---

搜索插件

![](https://ps.w.org/jquery-vertical-scroller/assets/banner-772x250.png?rev=2036405)

**该插件尚未通过WordPress的最新3个主要版本进行测试**。 当与较新版本的WordPress一起
使用时，可能不再受到维护或支持，并且可能会存在兼容性问题。

![](https://s.w.org/plugins/geopattern-icon/jquery-vertical-scroller_e2d9b9.svg)

# jQuery Vertical Scroller

 作者：[Vamsi Pulavarthi](https://profiles.wordpress.org/vamsitech/)

[下载](https://downloads.wordpress.org/plugin/jquery-vertical-scroller.zip)

 * [详情](https://cn.wordpress.org/plugins/jquery-vertical-scroller/#description)
 * [评价](https://cn.wordpress.org/plugins/jquery-vertical-scroller/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/jquery-vertical-scroller/#installation)
 * [开发进展](https://cn.wordpress.org/plugins/jquery-vertical-scroller/#developers)

 [支持](https://wordpress.org/support/plugin/jquery-vertical-scroller/)

## 描述

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.

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.

#### Do you need more than one scroller?

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.

#### Want to see a working copy before deciding?

Just scroll on over to our website to see this plugin at work: [http://sirisgraphics.com](http://sirisgraphics.com)

#### Looking for Gapless Scroller

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…

#### Widget

Widget Features

 * Easy to install and configure.
 * It scrolls vertically so you can display more posts.
 * You can scroll top-to-bottom or bottom-to-top.
 * You can hide the title of posts and pages being scrolled.
 * You can customize the height and width of the widget.
 * You can customize the type of recent posts to display.
 * You can customize the category of posts to display.
 * You can customize the number of recent posts to display.
 * You can customize to display either the content, excerpt or just the heading.
 * You can customize to display the post date in various date formats.
 * Supports custom ‘read more…’ text so you can add your own custom text

Localization
 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.

Translation Files included: 
 Italian by Vamsi Pulavarthi (Google Translate)  Serbo-
Croatian by [Borisa Djuraskovic](http://www.webhostinghub.com/)

#### Shortcode

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”]

postcount (optional, default value = 5): Sets the number of posts displayed by the
scroller. Usage: postcount=”5″.

sortby (optional, default value = post_date): Set the Order By option for getting
posts.
 Valid Values: ‘none’ – No order (available with Version 2.8). ‘ID’ – Order
by post id. Note the capitalization. ‘author’ – Order by author. ‘title’ – Order
by title. ‘date’ – Order by date. ‘modified’ – Order by last modified date. ‘parent’–
Order by post/page parent id. ‘rand’ – Random order. ‘comment_count’ – Order by 
number of comments (available with Version 2.9). Usage: sortby=”post_date”

sortorder (optional, default value = DESC): Sorts the posts in ascending or descending
order of post date. Usage: sortorder=”ASC” or “DESC”

category (optional, default value = 1): Sets the category to be displayed by the
scroller. Usage: category=”1″.

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”.

width(optional, default value = 1): Sets the width of the scroller. Usage: width
=”250px”.

height (optional, default value = 200px): Sets the height of the scroller. Usage:
height=”200px”.

startfrom (optional, default value = bottom): Sets the direction of scroll for the
scroller. Usage: startfrom=”bottom”. Options: ‘bottom’ or ‘top’.

includecontent (optional, default value = none): Allows you to display excerpt, 
if desired. Usage: includecontent=”excerpt”. Optons: ‘content’, ‘excerpt’ or ‘none’

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’

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 [Date Formats](https://codex.wordpress.org/Formatting_Date_and_Time)
page

Shortcode Features

 * Easy to install and configure.
 * It scrolls vertically so you can display more posts.
 * You can scroll top-to-bottom or bottom-to-top.
 * You can hide the title of posts and pages being scrolled.
 * You can customize the height and width of the widget.
 * You can customize the type of recent posts to display.
 * You can customize the category of posts to display.
 * You can customize the number of recent posts to display.
 * You can customize to display either the excerpt or just the heading.
 * You can customize to display the post date in various [date formats](https://
   codex.wordpress.org/Formatting_Date_and_Time).
 * Displays ‘read more…’ text at bottom of scroller

#### Support

Contact us at [our website](http://sirisgraphics.com) for any kind of support. We
promise to get back to you as soon as possible.

Like our plugin? Please rate us and send us a comment so we can make the plugin 
better for you.

## 屏幕截图

 * [[
 * Scroller in a post
 * [[
 * Widget Admin screen in Widget Widget Section
 * [[
 * Multiple widget instances simultaneusly
 * [[
 * Multiple instances working seamlessly on the site

## 安装

 1. Download and unzip the plugin.
 2. Upload `jquery-vertical-scroller` folder to the `/wp-content/plugins/` directory.
 3. Activate the plugin through the ‘Plugins’ menu in WordPress

#### Usage

Widget
 1. Drag and drop the widget into your widget area 2. Select the type of 
post, category, speed and direction 3. Save the options 4. Enjoy the widget on your
site

Shortcode
 [sgvscroller postcount=”5″ category=”1″ posttype=”post” width=”250px”
height=”200px” startfrom=”bottom”]

## 常见问题

 1. **How do I use it to scroll posts?** – To scroll posts in your widget, set the ‘
    Post Type’ to ‘post’ and set the category to the numeric identifier of the category
    you want to scroll.
 2. **How do I use this plugin to scroll custom post types?** – To scroll custom post
    types, set the ‘Post Type’ to your custom post type. In this case, you would leave
    the category field empty if you don’t have any categories. Otherwise, you can use
    the category id of your custom post type.

## 评价

此插件暂无评价。

## 贡献者及开发者

「jQuery Vertical Scroller」是开源软件。 以下人员对此插件做出了贡献。

贡献者

 *   [ Vamsi Pulavarthi ](https://profiles.wordpress.org/vamsitech/)
 *   [ sirisgraphics ](https://profiles.wordpress.org/sirisgraphics/)

[帮助将「jQuery Vertical Scroller」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/jquery-vertical-scroller)

### 对开发感兴趣吗?

您可以[浏览代码](https://plugins.trac.wordpress.org/browser/jquery-vertical-scroller/)，
查看[SVN仓库](https://plugins.svn.wordpress.org/jquery-vertical-scroller/)，或通过
[RSS](https://plugins.trac.wordpress.org/log/jquery-vertical-scroller/?limit=100&mode=stop_on_copy&format=rss)
订阅[开发日志](https://plugins.trac.wordpress.org/log/jquery-vertical-scroller/)。

## 更新日志

#### 2.9.2

 * Tested with WordPress Version 5.1

#### 2.9.1

 * Fixed defect with shortcode code

#### 2.9

 * Tested with WordPress Version 4.5.1

#### 2.8

 * Adding Sorting option to Shortcode

#### 2.7

 * Tested with WordPress Version 4.0

#### 2.6

 * Tested with WordPress Version 3.9.1

#### 2.5

 * Tested with WordPress Version 3.8
 * Added Serbo-Croatian Translations by Borisa Djuraskovic

#### 2.4

 * Tested with WordPress Version 3.7

#### 2.3

 * Added option to hide titles from scroll when using as widget and shortcode
 * Added option to customize date formats for widget and shortcode
 * Added functionality to manage element layout through css3 (basic functionality
   only)

#### 2.2

 * Added full content support in shortcode
 * Tested upto WordPress version 3.5.2

#### 2.1

 * Updated shortcode function to add excerpt and date
 * Updated widget to add date

#### 2.0

 * Added shortcode support

#### 1.3

 * Added features to manage width and height

#### 1.2

 * Tested with WordPress 3.5
 * Added full localization support
 * Added support to show content or excerpt

#### 1.1

 * Added a new easy to use selection to add 2 scroll modes – Top-to-Bottom and Bottom-
   to-Top.
 * Removed the standard list icon being displayed in the old version since it was
   conflicting with the built-in bullet icons for some themes.

#### 1.0

 * First Version.

## 额外信息

 *  版本 **2.9.2**
 *  最后更新：**7 年前**
 *  活跃安装数量 **400+**
 *  WordPress 版本 ** 3.4 或更高版本 **
 *  已测试的最高版本为 **5.1.22**
 *  PHP 版本 ** 5.2.4 或更高版本 **
 *  语言
 * [English (US)](https://wordpress.org/plugins/jquery-vertical-scroller/)
 * 标签
 * [direction](https://cn.wordpress.org/plugins/tags/direction/)[jquery](https://cn.wordpress.org/plugins/tags/jquery/)
   [vertical slider](https://cn.wordpress.org/plugins/tags/vertical-slider/)[widget](https://cn.wordpress.org/plugins/tags/widget/)
 *  [高级视图](https://cn.wordpress.org/plugins/jquery-vertical-scroller/advanced/)

## 评级

 4.8 星（最高 5 星）。

 *  [  9 条 5 星评价     ](https://wordpress.org/support/plugin/jquery-vertical-scroller/reviews/?filter=5)
 *  [  2 条 4 星评价     ](https://wordpress.org/support/plugin/jquery-vertical-scroller/reviews/?filter=4)
 *  [  0 条 3 星评价     ](https://wordpress.org/support/plugin/jquery-vertical-scroller/reviews/?filter=3)
 *  [  0 条 2 星评价     ](https://wordpress.org/support/plugin/jquery-vertical-scroller/reviews/?filter=2)
 *  [  0 条 1 星评价     ](https://wordpress.org/support/plugin/jquery-vertical-scroller/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/jquery-vertical-scroller/reviews/#new-post)

[查看全部评论](https://wordpress.org/support/plugin/jquery-vertical-scroller/reviews/)

## 贡献者

 *   [ Vamsi Pulavarthi ](https://profiles.wordpress.org/vamsitech/)
 *   [ sirisgraphics ](https://profiles.wordpress.org/sirisgraphics/)

## 支持

有话要说吗？是否需要帮助？

 [查看支持论坛](https://wordpress.org/support/plugin/jquery-vertical-scroller/)