Webflow Fixes

Scroll-to-section at the correct page location

No items found.
Overview
Webflow Designer fixes
Removing "Rogue" Conjoined Text Elements
Intro
7:30
005
Resolving Compound Class & Global Class Conflicts
Intro
7:41
006
Something Is Broken!
Intro
7:41
007
Navbar fixes
Close dropdown menu on anchor link click
Intro
100
Scroll-to-section at the correct page location
Intro
4:26
101
Site Search fixes
Remove SKU Items from Search Results
Intro
200
No items found.

Is your scroll-to-section click scrolling to a point in your page that is above your targeted section?

Most often this is caused by the existence of lazy-loaded images above the point you are scrolling to.

This is a common problem in web page design, because;

The web browser cannot calculate the scroll-to position on the page until all of the images are loaded... but the images do not load until they are scrolled into view.

The video shows the problem and solution.

Solutions

There are 2;

  1. Disable lazy-loading of images on the images above your scroll-to position.
  2. Give every image element an explicit height, so that the browser can calculate the scroll-to position even without loading those images.

Table of Contents
Comments
Did we just make your life better?
Passion drives our long hours and late nights supporting the Webflow community. Click the button to show your love.