Skip to content
  • home
  • portfolio
  • web design journal
  • blog
    • adventure
    • san diego
    • projects
    • website design
Blog Web Dev Fixed position div isn’t staying fixed in Chrome

Fixed position div isn’t staying fixed in Chrome

By Forrest Smith - Drempd.com

I was working on a little menu specifically for mobile devices.   It was intended that this menu stay fixed at the bottom of the screen.  It usually worked, but in some instances in chrome, it would be thrown all the way to the bottom of the document, not the bottom of the window.  It looks like there are a few chrome bugs out their related to fixed positioning.  A lot of were related to the css transform property.  I removed all of those on the div, but still had the issue.  As it turns out, it seems like if any element is wider than the browser window (ie. adds a horizontal scrollbar), it will cause the fixed position div to be placed at the bottom of the document.

Posted on April 9, 2015August 26, 2022 in Web Dev
  • Adventure

    • adventure
    • gravelgrinding
    • hiking
    • running
  • The Built Environment

    • architecture
    • urbanity
  • Locations

    • san diego
    • portland
  • Freelance Life

    • freelancing
    • productivity
  • Web Dev

    • css
    • entrepreneurship
    • git
    • handlebars
    • html
    • inkscape
    • photoshop
    • php
    • sass
    • web design
    • web development
    • saphire

drempd | san diego, ca


home contact

adventures san diego urbanity and architecture projects stream website design

portfolio resume san diego web design freelance web designer

custom web design responsive web design website maintenance