PHPackages                             coderius/yii2-smooth-scroll - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. coderius/yii2-smooth-scroll

ActiveYii2-extension[Utility & Helpers](/categories/utility)

coderius/yii2-smooth-scroll
===========================

Yii2 Smooth Scroll widget

1.0.0(6y ago)014MITPHPPHP >=5.4.0

Since Nov 2Pushed 6y agoCompare

[ Source](https://github.com/coderius/yii2-smooth-scroll)[ Packagist](https://packagist.org/packages/coderius/yii2-smooth-scroll)[ RSS](/packages/coderius-yii2-smooth-scroll/feed)WikiDiscussions master Synced 3d ago

READMEChangelogDependencies (3)Versions (2)Used By (0)

Smooth Scroll js plugin widget for Yii2
=======================================

[](#smooth-scroll-js-plugin-widget-for-yii2)

The Smooth Scroll widget is a customized Smooth Scroll script based on [Smooth Scroll](https://github.com/cferdinandi/smooth-scroll) and represents a lightweight script to animate scrolling to anchor links in web page.

Installation
------------

[](#installation)

The preferred way to install this extension is through [composer](http://getcomposer.org/download/).

Either run

```
php composer.phar require coderius/yii2-smooth-scroll

```

or

```
composer require coderius/yii2-smooth-scroll

```

or add

```
"coderius/yii2-smooth-scroll" : "*"
```

to the require section of your application's `composer.json` file. And run `composer update`

Basic usage.
------------

[](#basic-usage)

- In view include widget:

By default selector 'a\[href\*="#"\]' passed in for the anchor links that should be animated.

```

```

And set html link and anchor to scroll:

```
Text
...

```

Advansed usage.
---------------

[](#advansed-usage)

In section 'beginClientJs' and 'endClientJs' you can set any js code.

```