The Floating block module allows you to keep selected HTML elements, such as side menus, fixed in place on the page as the user scrolls. This ensures important content remains visible even on long pages.
The Floating block module allows you to keep html blocks, selected using jquery selectors in a fixed position on the page as you scroll. It works in a similar way the table header fixer in Drupal Core. This means that when the user scrolls their browser selected parts of the page can stay in the users view.
This is extremely useful when you have pages with lots of content and you want a side menu to stay in view.
Typical block selectors
Default theme block selectors in Drupal are:
#sidebar-leftFloat the left sidebar.primary-linksFloat the primary menu.block-userFloat the user login block
The important thing is to look at the html Drupal is generating for your page and look at the id or class of the element your want to float. Find out more about jQuery selectors... Additionally another very useful tool (if you are using Firefox) is Firebug.
Ask your assistant about Floating block
Check compatibility with your Drupal and PHP version, maintenance and security coverage, from current release data. How it works
Depends on
Dependencies of the latest stable release
- block Drupal core
Required by
Tracked projects that depend on this one
No tracked projects depend on this one yet.
Activity
Release Timeline
Releases
| Version | Type | Core | PHP | Release date | |
|---|---|---|---|---|---|
| 2.0.1 | Stable | 10–11 | Oct 10, 2024 | ||
| 2.0.0 | Stable | 9–10 | Jan 20, 2024 | ||
| 2.0.0-beta2 | Pre-release | 9–10 | Nov 10, 2023 | ||
| 2.0.x-dev | Dev | 10–11 | Nov 10, 2023 |