CODEWITHSUNDEEP
javascripthtmlcss
Scooter Daraf
Scooter Daraf

Reputation: 535

Fixed div disappearing on scroll left Css

I looked at many answers here on SO but none worked for me.

Below are the posts I have looked before posting this question.

jquery fixed div on scroll-down

jquery fixed div on scroll, smooth movement

jquery fixed div on scroll, bottom boundary

How to manage css left property for fixed div

fixed div position on scroll is not working in all conditions

Absolute DIV inside a relative DIV inside a fixed Div disappears on scroll

Sticking a fixed div on scrolling down

For this purpose I have created a fiddle that shows my problem : jsfiddle demo here

My problem there is the login span disappearing on zooming (I can't see it on scroll right)

#fixedContainer
{
    background-color: #ddd;
    position: fixed;
    width: 500px;
    height: 100px;
    top: 0px;
    margin-left: 20px;
}
.login
{
    float: right;
}

I would prefer a CSS solution but am OK with a Javascript solution too.

Upvotes: 0

Views: 2006

Answers (1)

ArinCool
ArinCool

Reputation: 1738

Add these css attributes to your #fixedContainer selector:

overflow-x: auto;
max-width: 100%;

Upvotes: 1

Related Questions