Stuck on an issue?
Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
Issues with position: fixed; in CSS(again)
See original GitHub issueHello again. I’ve seen last update of joystick that added support for position: absolute; and position: fixed; CSS attributes. I downloaded the latest version, extracted joy.js to my HTML folder, and… nothing. Still doesn’t work. If you need, here is the repo (site is in HTML folder): https://github.com/GGorAA/GLaDOS.
How to fix this issue?
Issue Analytics
- State:
- Created 3 years ago
- Comments:9 (5 by maintainers)
Top Results From Across the Web
A problem with position: fixed; - CSS-Tricks
Hello! I've got a problem when trying to use position: fixed; for my website. Here is my design: zd.se/newdesign/.
Read more >Problem with position fixed property - HTML-CSS
Your header needs to have a fixed position . · The position of the header with be zero pixels from the top and...
Read more >position fixed is not working - Stack Overflow
My issue was that a parent element had transform: scale(1); this apparently makes it impossible for any element to be fixed inside it....
Read more >Why is position:fixed; making my DIVs move underneath?
position : fixed takes an element out of normal flow so elements don't 'know' it is there. It's similar to position: absolute in...
Read more >CSS Fixed Headers & Footers Tutorial - YouTube
Is your CSS Width 100% setting NOT working? This is a common problem with CSS position fixed headers and footers.
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Hi @GGorAA, now I understand your situation. As I wrote to you, JoyStick now supports Fixed or Absolute positioning via CSS, but this style must be applied directly to the DIV that contains JoyStick. In your case, the CSS positioning property is assigned to a DIV, but it is a parent of the DIV that contains the JoyStick, to function correctly in your case, you should also give a fixed positioning to the DIVs that have the IDs “bodyJoy” and “headJoy”, that was the ID of DIV that contains the JoySticks in your project. I hope I was clear.
P.S. You have same picture of a project? It looks interesting.
You can find me on telegram as @bobboteck