Keep my top rows from scrolling

User 2699991 Photo


Registered User
1,795 posts

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

The Help You Need : When You Need It The Most
website https://rsdtutorials.com
new website https://sdv3tutorials.com
components cabinet https://sdv3tutorials.com
hit the components cabinet link

User 187934 Photo


Senior Advisor
18,149 posts
Online Now

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.

Here's my S-Drive site with
examples of what can be accomplished in VSD.
http://progrower.coffeecup.com/
Here's my CoffeeCup SCCP Shop with examples of what can be done.
http://progrower.coffeecup.com/shop/
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 personnel site used for testing and as an easy way to share photos.(RLM imported to RSD)
http://ericrohloff.com
http://ericrohloff.com/property/
User 2699991 Photo


Registered User
1,795 posts

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:
The Help You Need : When You Need It The Most
website https://rsdtutorials.com
new website https://sdv3tutorials.com
components cabinet https://sdv3tutorials.com
hit the components cabinet link

User 2699991 Photo


Registered User
1,795 posts

Hi all

Solved it

Thanks Eric for advice before
The Help You Need : When You Need It The Most
website https://rsdtutorials.com
new website https://sdv3tutorials.com
components cabinet https://sdv3tutorials.com
hit the components cabinet link

User 187934 Photo


Senior Advisor
18,149 posts
Online Now

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.

Here's my S-Drive site with
examples of what can be accomplished in VSD.
http://progrower.coffeecup.com/
Here's my CoffeeCup SCCP Shop with examples of what can be done.
http://progrower.coffeecup.com/shop/
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 personnel site used for testing and as an easy way to share photos.(RLM imported to RSD)
http://ericrohloff.com
http://ericrohloff.com/property/
User 434929 Photo


Ambassador
937 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.