一直在玩boostrap几天,并惊讶于它提供的功能.
一直试图有一些"标题",当用户向下滚动时,它会贴在顶部.
你可以在这里找到我目前的工作:http://mp3dj.free.fr/affix/site/
但是你会注意到,当向下滚动时,"POST 1"会突然跳到页面顶部.即这里没有光滑的滚动:http://jsfiddle.net/namuol/Uaa3U/
当前代码:
<div class="container">
<div class="row affix-top" data-spy="affix" data-offset-top="60">
<div class="span12">
<div class="row">
<div class="span3">
<img src="http://www.socialfork.net/public/images/default-profile-photo-female.jpg" class="img-polaroid">
</div>
<div class="span9"><h1>Samantha Sam</h1></div>
</div>
</div>
</div>
<div class="row">
<div class="span12">
<div id="post1" class="box">
<h1>Post 1</h1>
<p> Scroll Down?</p>
</div>
<div id="post2" class="box"><h1>Post 2</h1></div>
<div id="post3" class="box"><h1>Post 3</h1></div>
</div>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
任何帮助赞赏!