bluezed/yii2-scroll-top

这个Yii 2小部件向您的网站添加了一个简单的返回顶部按钮。

安装次数: 40,527

依赖项: 0

建议者: 0

安全: 0

星标: 9

关注者: 1

分支: 7

公开问题: 0

类型:yii2-extension

v1.0.5 2020-07-19 20:14 UTC

This package is auto-updated.

Last update: 2024-09-20 13:46:04 UTC


README

这个Yii 2小部件向您的网站添加了一个简单的返回顶部按钮。它使用了一个图标、一些CSS和.animate jQuery函数。所有这些都是Yii 2的默认部分,因此不需要其他依赖项。

安装

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

运行以下命令之一:

php composer.phar require --prefer-dist bluezed/yii2-scroll-top "*"

或者

"bluezed/yii2-scroll-top": "*"

将以下内容添加到您的 composer.json 文件的require部分。

如何使用

将此行添加到您的布局中,以便自动将小部件加载到每个页面。

<?= \bluezed\scrollTop\ScrollTop::widget() ?>

要自定义由小部件生成的i和a标签的类,请使用以下语法

<?= \bluezed\scrollTop\ScrollTop::widget([
      'i_class' => 'glyphicon glyphicon-menu-up bluezed-scroll-top-circle my_custom_class', 
      'a_class' => 'bluezed-scroll-top my_other_custom_class') ?>

默认情况下,您的布局应位于以下位置

<Project-Folder>/views/layouts/main.php

屏幕截图

当您向下滚动至少150px后,按钮将出现在页面的右下角。 按钮的屏幕截图