我正在使用Twitter Bootstrap 3.2.0
和漂亮的scrollspy
功能。这对我来说可以。我只是在右侧有一个很长的菜单,它被设置为affixed
,它对应于大量的文本。此功能不会出现以下代码问题;
如果没有data-offset-top="60"
,它就不会留下来{< t}对。我不明白为什么会这样。
我想让它“触发”&#39;更早。现在,带有相应<div>
的{{1}}必须几乎一直到页面顶部,以便匹配的菜单项突出显示&#39; 。是否有可能让它更快一点,也许它会从顶部id
附近触发?
200px
答案 0 :(得分:0)
我有类似的问题,
1-数据偏移顶级类型告诉affix插件何时开始....所以用户向下滚动多远,直到它需要粘贴你设置的div。 可能比仅仅硬编码数字60更好的东西是在javascript中设置词缀,而不是HTML元素的属性。并且当你设置偏移量时,你可以得到元素的确切起始位置,然后只有在该位置滚动过去后才启动词缀。
$('#sidebar-menu').affix({ //this sets up the affix plugin
offset: $('#sidebar-menu').position().top //this gets the exact
//location of the div and only starts to affix after that
});
当你使用javascript方法时,你应该取出
data-offset-top="60" data-spy="affix"
2-数据偏移应该可以工作,也许可以尝试javascript版本
$(document).ready(function() {
$('body').scrollspy({
target: '#sidesummary',
offset: 100
});
});