Link to home
Start Free TrialLog in
Avatar of TrevorTomato
TrevorTomato

asked on

How Does .affix work using Bootstrap CSS?

I am trying to use Bootstrap to affix the map image on the left when the user scrolls 230px.  It isn't working at all.  Any ideas how to use .affix?  Here is the example:
http://therevolutionet.com/ION/BS3/affixMap.html
Avatar of Scott Fell
Scott Fell
Flag of United States of America image

Change
<div data-spy="affix" data-offset-top="230">
to
<div data-spy="affix" data-offset-top="60" data-offset-bottom="200">

I have it working here http://jsbin.com/eZAKiDA/1/

Instructions with and without js http://getbootstrap.com/javascript/#affix
Avatar of TrevorTomato
TrevorTomato

ASKER

I updated my HTML and posted it here:
http://therevolutionet.com/ION/BS3/affixMap_Ace.html

But, not fixed.
ASKER CERTIFIED SOLUTION
Avatar of Scott Fell
Scott Fell
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
YEP!!  Thanks Ace!
Doh!

I noticed the next issue is the image expands to original size when you scroll and it goes under the right side.