PHPackages                             mage-condition/scroll-to-top - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility &amp; Helpers](/categories/utility)
4. /
5. mage-condition/scroll-to-top

ActiveMagento2-module[Utility &amp; Helpers](/categories/utility)

mage-condition/scroll-to-top
============================

Magento 2. Scroll to top button extension

1.0.1(1y ago)110OSL-3.0JavaScriptPHP ^8.0

Since Jul 20Pushed 1y ago1 watchersCompare

[ Source](https://github.com/MageCondition/scroll-to-top)[ Packagist](https://packagist.org/packages/mage-condition/scroll-to-top)[ RSS](/packages/mage-condition-scroll-to-top/feed)WikiDiscussions main Synced today

READMEChangelog (2)Dependencies (1)Versions (3)Used By (0)

Magento 2 Scroll To Top Extension
=================================

[](#magento-2-scroll-to-top-extension)

[![Magento 2](https://camo.githubusercontent.com/cbed1599dfff53a4b5c3e8b2c8ae237b2a4248ad3f3e5ab24415d84237ca37b7/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4d6167656e746f2d322d627269676874677265656e2e737667)](https://camo.githubusercontent.com/cbed1599dfff53a4b5c3e8b2c8ae237b2a4248ad3f3e5ab24415d84237ca37b7/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4d6167656e746f2d322d627269676874677265656e2e737667)[![License](https://camo.githubusercontent.com/a6181cf41a6b3611895497b8cc21c0a5d7c5f9fc63cf83a7e8f50752f94c963d/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6c6963656e73652d4f534c2d626c75652e737667)](https://camo.githubusercontent.com/a6181cf41a6b3611895497b8cc21c0a5d7c5f9fc63cf83a7e8f50752f94c963d/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6c6963656e73652d4f534c2d626c75652e737667)

Overview
--------

[](#overview)

The **Magento 2 Scroll To Top** extension adds a customizable button that allows users to scroll back to the top of the page easily. This enhances the user experience, especially on long pages.

Key Features
------------

[](#key-features)

- Extension can be easily disabled or enabled.
- Customize the color of the scroll-to-top icon and button background using a color picker provided by .
- Can be configured for different scopes (Global, Website, Store View).

### Advanced Configuration

[](#advanced-configuration)

- **Position**: Set the position of the button (Right Bottom or Left Bottom).
- **Button Type**: Choose the button shape (Round, Square).
- **Breakpoint**: Define the scroll distance for the button to appear.
- **Side Margin**: Adjust the side margin for the button.
- **Bottom Margin**: Adjust the bottom margin for the button.

[![image](https://private-user-images.githubusercontent.com/175492051/350682590-97d4f33f-e39f-43c8-963d-41d3173ed7b5.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODE1Mzc0NTksIm5iZiI6MTc4MTUzNzE1OSwicGF0aCI6Ii8xNzU0OTIwNTEvMzUwNjgyNTkwLTk3ZDRmMzNmLWUzOWYtNDNjOC05NjNkLTQxZDMxNzNlZDdiNS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjYwNjE1JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI2MDYxNVQxNTI1NTlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT04NTI4M2RmOWRiZjY0Y2EyZDhhMTNjOGNmZTFmYmNkYmJjZjk2YjFlODc3NzMzZGZmODI4ODU1ZGNhNWU4NDcxJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZyZXNwb25zZS1jb250ZW50LXR5cGU9aW1hZ2UlMkZwbmcifQ.ZIdNgmxxGm2BRZeccECkWE2O5bwsnQM9Ox0dOObUPjQ)](https://private-user-images.githubusercontent.com/175492051/350682590-97d4f33f-e39f-43c8-963d-41d3173ed7b5.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODE1Mzc0NTksIm5iZiI6MTc4MTUzNzE1OSwicGF0aCI6Ii8xNzU0OTIwNTEvMzUwNjgyNTkwLTk3ZDRmMzNmLWUzOWYtNDNjOC05NjNkLTQxZDMxNzNlZDdiNS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjYwNjE1JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI2MDYxNVQxNTI1NTlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT04NTI4M2RmOWRiZjY0Y2EyZDhhMTNjOGNmZTFmYmNkYmJjZjk2YjFlODc3NzMzZGZmODI4ODU1ZGNhNWU4NDcxJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZyZXNwb25zZS1jb250ZW50LXR5cGU9aW1hZ2UlMkZwbmcifQ.ZIdNgmxxGm2BRZeccECkWE2O5bwsnQM9Ox0dOObUPjQ)Installation
------------

[](#installation)

Follow these steps to install the extension:

1. **Require the extension via Composer**

    ```
    composer require mage-condition/scroll-to-top
    ```
2. **Run Magento setup upgrade**

    ```
    php bin/magento setup:upgrade
    ```
3. **Deploy static content (if in production mode)**

    ```
    php bin/magento setup:static-content:deploy
    ```
4. **Clear the cache**

    ```
    php bin/magento cache:clean
    ```

Usage
-----

[](#usage)

1. Navigate to the **Stores** section in the Magento admin panel.
2. Go to **Configuration &gt; MageCondition &gt; Scroll To Top**.
3. Configure the settings as per your requirements.
4. Save the changes.
5. Refresh the cache.

Demo
----

[](#demo)

[![demo2 (1)](https://private-user-images.githubusercontent.com/175492051/350682607-f96e74bc-f63c-442c-b0d7-3738b072ff74.gif?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODE1Mzc0NTksIm5iZiI6MTc4MTUzNzE1OSwicGF0aCI6Ii8xNzU0OTIwNTEvMzUwNjgyNjA3LWY5NmU3NGJjLWY2M2MtNDQyYy1iMGQ3LTM3MzhiMDcyZmY3NC5naWY_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjYwNjE1JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI2MDYxNVQxNTI1NTlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1mMWY4ZWFhMzA3ZGMwMDcwNjJmNzBlNzE5ZWY1MzEzYTE0Mzg0MGMxYzhhMDFlMjRjODczYmUwOGNjMzNmZDEyJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZyZXNwb25zZS1jb250ZW50LXR5cGU9aW1hZ2UlMkZnaWYifQ.LQrUkOkePdYy3vc6PBWw-gyU9ar0EK8ABvGRwtWwlfk)](https://private-user-images.githubusercontent.com/175492051/350682607-f96e74bc-f63c-442c-b0d7-3738b072ff74.gif?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODE1Mzc0NTksIm5iZiI6MTc4MTUzNzE1OSwicGF0aCI6Ii8xNzU0OTIwNTEvMzUwNjgyNjA3LWY5NmU3NGJjLWY2M2MtNDQyYy1iMGQ3LTM3MzhiMDcyZmY3NC5naWY_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjYwNjE1JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI2MDYxNVQxNTI1NTlaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1mMWY4ZWFhMzA3ZGMwMDcwNjJmNzBlNzE5ZWY1MzEzYTE0Mzg0MGMxYzhhMDFlMjRjODczYmUwOGNjMzNmZDEyJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZyZXNwb25zZS1jb250ZW50LXR5cGU9aW1hZ2UlMkZnaWYifQ.LQrUkOkePdYy3vc6PBWw-gyU9ar0EK8ABvGRwtWwlfk)

Compatibility
-------------

[](#compatibility)

- PHP 8.0 or higher
- Magento Open Source (CE) 2.4.x
- Adobe Commerce (EE) 2.4.x

Support
-------

[](#support)

If you encounter any issues or have questions regarding the extension, please open an issue on the [GitHub repository](https://github.com/MageCondition/scroll-to-top).

You can also reach us via email at .

License
-------

[](#license)

This module is licensed under the Open Software License (OSL). See the [LICENSE](https://github.com/MageCondition/scroll-to-top/blob/main/LICENSE.txt) file for more details.

###  Health Score

25

—

LowBetter than 35% of packages

Maintenance32

Infrequent updates — may be unmaintained

Popularity7

Limited adoption so far

Community7

Small or concentrated contributor base

Maturity46

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~8 days

Total

2

Last Release

704d ago

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/175492051?v=4)[Alex](/maintainers/MageCondition)[@MageCondition](https://github.com/MageCondition)

---

Top Contributors

[![MageCondition](https://avatars.githubusercontent.com/u/175492051?v=4)](https://github.com/MageCondition "MageCondition (4 commits)")

---

Tags

adobecommercemagento2magento2-extensionmagento2-extension-freemagento2-free-extensionmagento2-modulemagento2-module-freemagento2-scroll

### Embed Badge

![Health badge](/badges/mage-condition-scroll-to-top/health.svg)

```
[![Health](https://phpackages.com/badges/mage-condition-scroll-to-top/health.svg)](https://phpackages.com/packages/mage-condition-scroll-to-top)
```

###  Alternatives

[drupal-code-builder/drupal-code-builder-drush

Provides Drush commands for generating Drupal code using Drupal Code Builder.

1337.3k1](/packages/drupal-code-builder-drupal-code-builder-drush)[digitv/yii2bootstrap4

Yii2 Bootstrap 4 widgets

142.5k](/packages/digitv-yii2bootstrap4)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)
