Full screen scroller with sticky header

web
mobile

Topic: Full screen scroller with sticky header

Co.m.media pro asked 2 months ago

Hello, as specified in the object we need to create a page using your "Full screen scroller" module with a sticky header.

Can you help us do this?


Grzegorz Bujański staff commented 2 months ago

Sure, just tell me what the problem is?


Co.m.media pro commented 1 months ago

We need to have a sticky header with logo, search bar, menu and social links on our page, the only solution we have found at the moment is to create a div with the fixed-top class for the header and add padding to the fss-mainview class to avoid overloading. Is our solution correct or is there another way to do what we want?


Co.m.media pro answered 1 months ago

Thanks for the reply, but is there no way to destroy the fullScreenScroller object when the window size is less than a certain number of pixels? In this way the problem is solved even if the user narrows the browser window.


Grzegorz Bujański staff answered 1 months ago

Create a code snippet here: https://mdbootstrap.com/snippets/ with the code you already have. Then I can see what we can do.


Co.m.media pro answered 1 months ago

Hi,

At the following link there is the snippet:

https://mdbootstrap.com/snippets/jquery/infocommediasrl-it/1620926

The fullscreenscroller plugin not working there.


Grzegorz Bujański staff answered 1 months ago

Hi.

How about this little hange?

.fixed-top { 
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

Please insert min. 20 characters.
Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: Other
  • MDB Version: -
  • Device: Desktop
  • Browser: Chrome
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No