Keep my top rows from scrolling -...

User 2699991 Photo


Registered User
4,798 posts
Online Now

Hello Coffee Cup People' Hello World
I have a feeling I have asked a similar question before and got an answer but for the life of me cannot find the post and must be doing something wrong from memory

I have a project on the go, which I would like to keep the top Header (for want of a better word) where it is so it doesn't move when the user scrolls down the pages.
I have enclosed 2 div class=.row's within a container
eg

<div class="container-fluid">
<div class="row language-row" id="top-row">
<div class="coffee-span-12 coffee-326-span-6 column-language-bar">
<a class="link-text bhasa-indo-tect" href="#" title="Indonesian" target="_blank" id="indo-text">Bahasa Indonesian</a>
</div>
</div>
<div class="row nav-bar">
<div class="coffee-span-12 nav-bar-col"><!-- Start of the body content for CoffeeCup Menu Builder -->
<div id="menuBuilderContainer">
<div id="menuBuilder">
etc etc

I have managed to keep the menu bar from moving but cannot stop the top row and the nav bar row from scrolling.

I have tried using:
backckground-image: url (blablablabla ) ; background-attachment: fixed;
background-image: url (blahblahblah :) ; background-position: fixed;
background-image: url (blahblahblah :) ;position: static;

background: url (blahblahblah :) ; position: fixed;
background: url (blahblahblah) : position: static,

etc
Nothing works
Am I asking the impossible, or just been plain silly again,

It would be greatly appreciated if anyone could put me on the right road.

Thanks in advance wherever you are in the world have a great day

Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … an%281%29/
User 187934 Photo


Senior Advisor
20,188 posts

Don't fix the image. fix the row or column or div it's in.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2699991 Photo


Registered User
4,798 posts
Online Now

Thanks a lot Eric once again for the swift response

Unfortunatly although the top rows that I wanted to stop scrolling has worked, the next row jumps up behind them,
screenshot attached

if I put a top margin on the row that is hidden behind them the whole lot just drops down

For me that is strange for you probably simple and me doing something wrong again
Attachments:
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … an%281%29/
User 2699991 Photo


Registered User
4,798 posts
Online Now

Hi all

Solved it

Thanks Eric for advice before
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … an%281%29/
User 187934 Photo


Senior Advisor
20,188 posts

Wayanjaya wrote:
Hi all

Solved it

Thanks Eric for advice before

That's great. Don't ever be afraid to play with things. Always save it as a different project so you can always go back to the old one if you can't remember what you did.:)
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 434929 Photo


Ambassador
938 posts

Wayanjaya wrote:
Thanks a lot Eric once again for the swift response

Unfortunatly although the top rows that I wanted to stop scrolling has worked, the next row jumps up behind them,
screenshot attached

if I put a top margin on the row that is hidden behind them the whole lot just drops down

For me that is strange for you probably simple and me doing something wrong again


I know you already solve the problem , but I suggest learn more about css positioning ( Static, Relative, Fixed, Absolute) especially Fixed and Absolute plus their directional properties.

http://www.w3schools.com/css/css_positioning.asp
and
http://learnlayout.com/position.html
Guys at coffeecup are awesometacular.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.