Twitter Bootstrap - 让“scrollspy”触发更快一点

时间:2014-07-18 23:39:26

标签: html twitter-bootstrap

我正在使用Twitter Bootstrap 3.2.0和漂亮的scrollspy功能。这对我来说可以。我只是在右侧有一个很长的菜单,它被设置为affixed,它对应于大量的文本。此功能不会出现以下代码问题;

问题

  1. 如果没有data-offset-top="60",它就不会留下来{< t}对。我不明白为什么会这样。

  2. 我想让它“触发”&#39;更早。现在,带有相应<div>的{​​{1}}必须几乎一直到页面顶部,以便匹配的菜单项突出显示&#39; 。是否有可能让它更快一点,也许它会从顶部id附近触发?

  3. HTML

    200px

1 个答案:

答案 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
    });
});