Fixed the div within the parent div, remove fixed when scroll page until reach parent div end

Question

1.00/5 (1 vote)

See more:

I want to fixed the div position within their parent. If the parent div scroll end's, child div also scroll along with parent div. For example see this page
In that page a category div was fixed within their parent div. After scroll the page when it reach the parent div end, child div also scroll with them. How to create like that.

Posted 9-Jan-15 0:08am

Satheesh Santhosh

Updated 9-Jan-15 1:55am

v2

Add a Solution

1 solution

Add a Solution

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Peter Leow · Accepted Answer · 2015-01-09T04:02:00

Solution 1

Try this jsfiddle[^].
++++++[round 2]+++++++++
http://plnkr.co/edit/5Dk8u2SyHKqLwAuQSsDJ?p=preview[^]

Posted 9-Jan-15 4:02am

Peter Leow

Updated 9-Jan-15 23:27pm

v3

Comments

Satheesh Santhosh 9-Jan-15 10:57am

actully what i'm tried was, i need to fixed div inside a div tag, child div should not overlap the parent div. click here to see what i'm tried. In that plunker page,please extract the width of output screen to see thee result.

Peter Leow 9-Jan-15 21:55pm

http://plnkr.co/edit/E1ehnvXbDqMx8KOXmlLX?p=preview

Satheesh Santhosh 10-Jan-15 2:50am

please see my plunker again. I write my actual problem their.

Peter Leow 10-Jan-15 5:23am

See improved solution.

Satheesh Santhosh 10-Jan-15 5:28am

thanks buddy.

Fixed the div within the parent div, remove fixed when scroll page until reach parent div end

1 solution

Solution 1

Add your solution here

Preview 0

Fixed the div within the parent div, remove fixed when scroll page until reach parent div end

1 solution

Solution 1

Add your solution here

Preview 0

Existing Members

...or Join us