Streaming live at 10am (PST)

Fixed position of sub menu when scrolling


#1

Hi guys,

I've been trying to duplicate the sticky sidebar from Webflow's site (from https://help.webflow.com/videos) but I can't seem to do so in the same format it's been done. It's either fixed at one place, or it's moving across the page. Does anyone know what position or interaction setup that was done to achieve this?

I've looked at other threads but most topics talk about the navbar being on the side and with 100VH or on top-most of the site.


#2

You need to use custom code as the "sticky" CSS property is not supported in the designer. Here's the style used in the linked page:

.sticky-sidebar {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  top: 50px;
}

#3

Thanks. There seems to be several complex solutions to achieveing this but this is perfectly simple :+1:


#4

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.