README

描述

SlimScroll 是一个轻量级（4.6KB）的 jQuery 插件，可以将任何 div 转换为一个带滚动条的可滚动区域，类似于 Facebook 和 Google 最近开始在他们的产品中使用的那种。slimScroll 在用户鼠标悬停时才出现，不占用任何视觉空间。用户可以拖动滚动条或使用鼠标滚轮来改变滚动值。更多信息请访问 SlimScroll

安装

建议通过 composer 安装此扩展。

安装方法：

$ php composer.phar require loveorigami/yii2-slimscroll-widget "*"

或者添加

"loveorigami/yii2-slimscroll-widget": "*"

到您的 composer.json 文件的 require 部分中。

用法

use lo\widgets\SlimScroll;

<?= SlimScroll::widget([
	'options'=>[
		'height'=>'250px'
	]
]); 
?>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam rhoncus, felis interdum condimentum consectetur, nisl libero elementum eros, vehicula congue lacus eros non diam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus mauris lorem, lacinia id tempus non, imperdiet et leo. Cras sit amet erat sit amet lacus egestas placerat. Aenean ultricies ultrices mauris ac congue
</p>
<?= SlimScroll::end(); ?>

默认选项

    private static $default=[
        'height' => '350px',
        
        //'width'=> '250px',
        //'size' => '10px',
        //'position' => 'left',
        //'color' => '#ffcc00',
        //'distance' => '20px',
        //'start' => '$('#child_image_element')',

        'alwaysVisible' => true,
        'railVisible' => true,
        'railColor' => '#222',
        'railOpacity' => '0.3',
        'wheelStep' => 10,
        'allowPageScroll' => true,
        'disableFadeOut' => false
    ];

许可证

loveorigami/yii2-slimscroll-widget 在 MIT 许可证下发布。有关详细信息，请参阅捆绑的 LICENSE.md 文件。