heimrichhannot/contao-overscroll-bundle

此扩展程序为Contao页面提供越界滚动功能(常用于新闻网站)。

1.0.10 2022-09-27 13:45 UTC

This package is auto-updated.

Last update: 2024-08-27 18:12:41 UTC


README

此扩展程序为Contao页面提供越界滚动功能(常用于新闻网站)。

alt preview

功能

  • 在页面常规内容之后添加一个模拟内容区域
  • 添加一个在滚动事件中变化的动画圆形进度条
  • 在越界此模拟区域后,会打开一些URL

技术说明

1. 此扩展程序依赖于 heimrichhannot/contao-blocks 以指定在哪些页面(以及在什么情况下)显示越界区域。因此,第一步是创建一个块,并在块模块内部配置满足需求的越界区域

alt block

alt block config

2. 之后,您必须定义必要的自定义部分(注意:部分的ID必须是“overscroll”)并将上面创建的块链接到该部分。

alt block config

3. 如果您想将自定义部分(除了标题、左侧、右侧、主内容和页脚之外的部分)添加到越界区域,您将必须为这些区域中的每一个创建名为 section_<name>.html5 的contao前端模板。示例

```
<?php if ($this->quicksearch): ?>
    <!-- indexer::stop -->
    <div id="quicksearch">
        <div class="inside">
            <?= $this->quicksearch ?>
        </div>
    </div>
    <!-- indexer::continue -->
<?php endif; ?>
```

4. 最后,将越界部分放入您的 fe_page.html5

```
<?php if ($this->sections['overscroll']): ?>
    <?= $this->sections['overscroll'] ?>
<?php endif; ?>
```

可选

5. 此扩展程序的JavaScript和CSS资产使用 heimrichhannot/contao-components 组织。因此,您可以在布局的“禁用组件”下轻松启用或禁用它们。

钩子