▼
Streaming live at 10am (PST)

Fixed background with content scroll - Double Scroll Bars

Design help General
#1

Hey everyone,

I need to find a way to make my background take up the entire height of my screen while allow content to scroll within this fixed dimension.

My current settings on my body wrapper, which work with Chrome on Mac OS, are:

  • Overflow: Visible
  • Position: Relative

Unfortunately this results in a double-scroll bar on the right hand side of the window in Chrome on Windows.

What settings can I use to achieve this function without the double scroll bar?

Here is my site Read-Only: https://preview.webflow.com/preview/phenol55?preview=4c0ecd6cec31d23c421923f85c689206

#2

Hi. I have PC (No way to know what result you try to achieve). Overflow is not the solution anyway.

background-attachment In general, you have this CSS property (No need for extra tricks) :
https://www.w3schools.com/cssref/tryit.asp?filename=trycss_background-attachment

Her also you find ± your idea (Full + Fixed HTML background - demo)

background-attachment on webflow (under Fixed/Scroll title).

#3

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