position:fixed not working when use TaskUIFrame

cailing wu

June 29, 2017 at 1:02 am #4458

Hi,
we have some trouble with a ‘fixed’ element in any browsers.

The issue is, we want to fix the screen element Header which is called from Service / TaskUIFrame in Spark Portal Builder,
but position fixed is not working.
When  scrolling,it doesn’t stay fixed to the top of the screen.

Here is the origin css:
.Header {
position: fixed;
padding:0px 20px;
left: 0px;
top: -1px;
height:100px;
margin-top:-15px;
background:#dcf2e1;
}

*It can be worked which is called from IBM BPM Process Designer and IBM BPM Process Portal.*

And then we tried these

1) add 「transform: translate3d(0, 0, 0);」 to　.Header
2) add 「position: fixed　!important;」　to　.Header
3) add 「z-index:999999；」　to　.Header
4) add 「transform: translateZ(0);-webkit-transform: translateZ(0);」to　.Header
5) add 「transformsSupported:false;」to　.Header

But it still did not work.

Any help is much appreciated.

Regards,
Wu