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. Visit http://dev.vit-al.co.uk/floating_block to see the module in action.

Tips for using jQuery selectors
Using the default Garland theme in Drupal 6 example selectors would be:
#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.

If you have an issue with no being able to make an element of your design float please tell me which theme you are using or upload the html from a page on your site.

Downloads

Recommended releases

Version Downloads Date Links
7.x-1.0 tar.gz (8.33 KB) | zip (9.52 KB) 2011-Jan-07 Notes
6.x-1.3 tar.gz (8.29 KB) | zip (9.48 KB) 2011-Jan-07 Notes

Development releases

Version Downloads Date Links
7.x-1.x-dev tar.gz (8.29 KB) | zip (9.28 KB) 2011-Mar-12 Notes

Project Information


Maintainers for Floating block

  • alexpott - 7 commits
    last: 2 weeks ago, first: 1 year ago

Issues for Floating block

To avoid duplicates, please search before submitting a new issue.
All issues
Bug reports
Oldest open issue: 26 Jan 11