In one of my sites I use Floating block to have the breadcrumbs block always hover on top of the page. When using Administration menu and I scroll down past the point where the breadcrumbs block begins to stick on top of the page as you scroll further down, it hides behind the admin_menu. If you used displaced.js, perhaps the floated block would be "smart enough" to float displaced by the height of admin_menu and stay visible.

There's another related feature request here: #1142542: please add "z-index" to javascript code, but I feel that implementing that would simply hide the admin_menu instead, while using displace.js would have both elements float in a way that both would stay visible.

Here's a list of related issues:

#801526: Use misc/displace.js to position admin_menu (admin_menu)
#787940: Generic approach for position:fixed elements like Toolbar, tableHeader (core)
#428844: Use JS to adjust layout (a fix for all margin/absolute/background problems)
#520368: Admin toolbar breaks sticky table headers
#1210844: Admin menu covers sticky headers
#787670: Clean up tableheader.js

Comments

open social’s picture

open social commented

change line 70 in floating_block.js to:

var vOffset = (document.documentElement.scrollTop || document.body.scrollTop) - e.vPosition - parseInt($('body').css('margin-top'));

And admin menu will work

jur0’s picture

jur0 commented

Hi,
my solution is very simple.
I solved this with resize event callback (line 199) added to floating_block behavior function.
It is in file: modules/floating_block/floating_block.js
Add new line 86: Drupal.blockFloatWindowResize();
That is all. I hope you enjoy.

dqd’s picture

dqd
Location London | N.Y.C | Paris | Hamburg | Berlin
commented
Issue summary: View changes
Status: Active » Closed (outdated)

Thanks for reporting. Closed because outdated and reported 8 years ago without recent activity while cleaning up the issue queue. Feel free to re-open for a newer version if this issue still persist.