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-left Float the left sidebar
  • .primary-links Float the primary menu
  • .block-user Float 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.

Supporting organizations: 
Maintenance for Drupal 8/9/10 and planning/development of new features.
Bug fixes, help & support for Drupal 9 readiness incl. extended test coverage.
Supported general further development and issue queue.

Project information

Releases