Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Scroll down and switch to fixed header

Featured Replies

Hi Guys,

 

I'm not sure what the method is called for this I've seen it a few times and finally I have a reason to use it .

 

Here is an example, scroll down a bit and you'll see that a fixed position header pops up.

  1. http://www.freelancer.com

Not knowing to how to describe this feature I had no idea how to google for it.

 

I look forward to your response.

 

Luke

Just simple javascript.

 

Check how much the page is scrolled. ( place onscroll="someFunction()" in your body tag, and in that function check the amount of pixels scrolled with window.pageYOffset )

If the amount is above some number, make the menu appear by chaging the style.

If the amount is below some number, make the menu disappear.

 

Cheers !

Edited by Leonvv

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.