swissup/module-stickybits

Stickybits 是 `position: sticky` 补充方案的轻量级替代品

维护者

详细信息

github.com/swissup/module-stickybits

源代码

问题

安装: 224

依赖项: 0

建议者: 0

安全: 0

星标: 1

关注者: 5

分支: 2

开放问题: 0

语言:JavaScript

类型:magento2-module

1.0.1 2020-03-12 09:05 UTC

MIT 9d3ef1373157e1f795a59e2697fa274bb9630cde

This package is auto-updated.

Last update: 2024-09-12 18:59:11 UTC

README

此存储库仅是将原始库集成到 Magento 2 的集成。

Stickybits 是 `position: sticky` 补充方案的轻量级替代品。它非常适合像固定头部这样的功能。

有关更多信息，请参阅原始存储库：https://github.com/dollarshaveclub/stickybits

安装

cd <magento_root>
composer require swissup/module-stickybits
bin/magento module:enable Swissup_Stickybits
bin/magento setup:upgrade

使用方法

基本示例

require(['stickybits'], function (stickybits) {
    stickybits('.sidebar');
});

在官方网站上查看所有示例：https://github.com/dollarshaveclub/stickybits#basic-usage

高级示例（适用于动态添加的元素）

require([
    'Magento_Ui/js/lib/view/utils/async',
    'stickybits'
], function ($, stickybits) {
    $.async('.sidebar', function (el) {
        stickybits(el, {
            useStickyClasses: true,
            stuckClass: 'is_stuck'
        });
    });
});