Hope I can explain my question so you understand :)
I have a sidebar with position: sticky which moves the sidebar when scrolling down the page. My problem is now, when I scroll the page complete down, there is another element which get covered from the sticky sidebar. Is it possible to move that element down also when reaching it with the sidebar?
Please see my page for reference, so you´ll know what I mean. The clue would be to do it with css only?
https://heimprofi.shop/bodenbelaege-sockelleisten/sockelleisten/altberliner-hamburger-profil/
Hope you guys can help me out. Thanks a lot.
Related
The image has the code and the output. I am an amateur and I am only learning so I hope you can help me!
I'm assuming that you are referring to position: fixed? Position: fixed makes an element stay relative to the viewport, even if you scroll up or down. For more information click here.
So, the question is pretty basic but I couldn't find an example snippet to start with.
Idea is to have multiple div with full-screen height and upon scroll, the whole of the div scrolls making the user think that they are on same position and content is coming on same position. [ kinda-ish]
I have an example website where such scrolling behaviour is done. here
Just a reference will help me start.
Thanks
Im trying to have common scroll bar for both left navigation div and right content div like a simple page, but failed to do so ... no matter what i did scrollbar only acts for content div is there any way for them to act on same scrollbar (on right side of page).
Link to Codepen: http://codepen.io/anon/pen/qEMPax
Im beginner to css and cant seem to figure this one out. would be glad if someone can help me out.
Thanks and Regards,
Jimmy
Just apply overflow:auto; to the nav#slide-menu selector. If I correctly understood what you want!?
So I'm currently building a website for school and I've put the navigation bar so its fixed, but now the div slides behind the navigation bar, its really not that noticable but it is just bugging me. Does anyone know if there is a way to fix this?
Without the fixed positioning : http://prntscr.com/18kufb
With fixed positioning: http://prntscr.com/18kurb
The Website : http://penguin.baileywhite.vacau.com
CSS File http://penguin.baileywhite.vacau.com/library/css/style.css
I know its a lot to look at for so little to fix, its just really bugging me and if anyone can help fix this it would be highly appreciated.
Thanks!
Bailey.
On the .pure-g-r set margin-top: 36px; and on your #nav set top: 0;. This will assure you that your navigation will always stick to the top of the window.
I know, I know, I asked this question before. Unfortunately, I lost my work. I started over and I came back to my old post (min-height:100% doesn't work on my container?) and couldn't remember what the trick actually was.
So I will post the link to my "experiment" here and I hope that you guys (or girls) can help me out, the problem is: I want the footer to be at the very bottom and the content and the two sidebars to connect to the top of the footer. (Also, the scrollbars have to disappear, haha)
http://www.jbehrens.nl/test/index.html
If anyone's able to help me, it's very much appreciated!
Set the footer to have
position: fixed
bottom: 0
And then set a height for your side bars and content pane and you might want to set
overflow: scroll
for the side bars and the content pane.