1. Requirements
2. Usage
3. Resources

This extension beautify the vertical and horizontal bars (scrolling) by javascript

Requirements ¶

1. Developed and tested with Yii 1.1.12 but may working with older versions too.
2. JQuery

Usage ¶

To use the EJsScroll extension

1. extract archive in your extensions folder
2. put the above code in your view or controller file

Yii::app()->clientScript->registerCoreScript('jquery'); //if you do not set it yet

$this->widget('ext.EJsScroll.EJsScroll',
    array(
        'selector' => '#content',
        'showArrowsBar'=>false
    )
);

'selector' is the div or whatever you want to do scrollable (default '#content') 'showArrowsBar' false or true to show box-arrows on the edge of the scrollbar (default true)

Also if you want to styling a selector (to make it scrollable) on specific action you can add this (as example)

Yii::app()->clientScript->registerCss('MyScrollPage','#content {position:relative; top:20px; height:500px; width:800px; margin:auto;}');

you could also modify jquery.jscrollpane.css and the scrollstyle.css files of protected/extensions/EJsScroll/assets/css folder to styling the scrollbar. (on YII_DEBUG = true)

Resources ¶

http://jscrollpane.kelvinluck.com

• Try out a demo