raoul2000/yii2-scrollup-widget

封装了Scrollup jQuery插件

维护者

详细信息

github.com/raoul2000/yii2-scrollup-widget

源代码

问题

安装次数: 3,351

依赖者: 1

推荐者: 0

安全性: 0

星标: 11

关注者: 5

分支: 5

公开问题: 1

语言:JavaScript

类型:yii2-extension

1.1.0 2015-07-13 12:47 UTC

Requires

BSD-3-Clause 54d0d40755d81b039b90bfb36ed90325294b6864

  • Raoul <raoul.boulard.woop@gmail.com>

jquerypluginextensionyii2scroll

This package is not auto-updated.

Last update: 2024-09-24 07:27:16 UTC

README

封装了“Scroll Up”，这是一个“轻量级jQuery插件，用于创建可定制的“返回顶部”功能，适用于任何网站，易于使用。

查看ScrollUp 演示页面以了解插件演示，并别忘了查看scrollUp jQuery插件首页。

安装

安装此扩展的首选方式是通过composer。

运行

php composer.phar require --prefer-dist raoul2000/yii2-scrollup-widget "*"

或者将以下内容添加到你的composer.json文件的require部分：

"raoul2000/yii2-scrollup-widget": "*"

使用方法

扩展安装完成后，只需在代码中通过以下方式使用它：

<?php 
	 		
use raoul2000\widget\scrollup\Scrollup;
 
Scrollup::widget([
	'theme' => Scrollup::THEME_IMAGE,
	'pluginOptions' => [
		'scrollText' => "To top", // Text for element
		'scrollName'=> 'scrollUp', // Element ID
		'topDistance'=> 400, // Distance from top before showing element (px)
		'topSpeed'=> 3000, // Speed back to top (ms)
		'animation' => Scrollup::ANIMATION_SLIDE, // Fade, slide, none
		'animationInSpeed' => 200, // Animation in speed (ms)
		'animationOutSpeed'=> 200, // Animation out speed (ms)
		'activeOverlay' => false, // Set CSS color to display scrollUp active point, e.g '#00FFFF'
	]
]);

?>

如果你希望为滚动按钮使用自己的样式，只需移除'theme'选项，并提供所需的CSS样式。

有关插件选项和使用方法的更多信息，请参阅scrollUp jQuery插件首页。

许可协议

yii2-scrollup-widget以BSD 3-Clause License发布。有关详细信息，请参阅附带文件LICENSE.md。