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
http://therevolutionet.com/ION/BS3/affixMap.html
CSS
Last Comment
Scott Fell
ASKER
I updated my HTML and posted it here:
http://therevolutionet.com/ION/BS3/affixMap_Ace.html
But, not fixed.
http://therevolutionet.com/ION/BS3/affixMap_Ace.html
But, not fixed.
ASKER CERTIFIED SOLUTION
THIS SOLUTION ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
ASKER
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.
I noticed the next issue is the image expands to original size when you scroll and it goes under the right side.
<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