使滚动菜单处于活动状态的是什么？

我正在使用此模板并已更改内容以适合我需要的内容。我还处于学习jscript的早期阶段，所以想知道当页面向下滚动时菜单项是如何“激活”的？基本上我已经把页面分开了，可以看到滚动的工作方式，但菜单相对于页面上的位置不会改变。答案会很好，但由于我热衷于学习，所以解释会更好。使滚动菜单处于活动状态的是什么？

Ta。

CreativeTemplate

来源

2015-09-28 RayVM

你需要学会使用开发工具（F12）

点击F12器（Chrome浏览器），
点击来源
点击StartBootstrap创意文件夹
点击JS文件夹
查找此脚本http://ironsummitmedia.github.io/startbootstrap-creative/js/creative.js

和快看后你去：

// Highlight the top nav as scrolling occurs 
$('body').scrollspy({ 
    target: '.navbar-fixed-top', 
    offset: 51 
}) 

// Closes the Responsive Menu on Menu Item Click 
$('.navbar-collapse ul li a').click(function() { 
    $('.navbar-toggle:visible').click(); 
}); 

// Fit Text Plugin for Main Header 
$("h1").fitText(
    1.2, { 
     minFontSize: '35px', 
     maxFontSize: '65px' 
    } 
); 

// Offset for Main Navigation 
$('#mainNav').affix({ 
    offset: { 
     top: 100 
    } 
})

，你会立即看到它在行动.scrollspy()，.affix()和其他的jQuery插件引导。

比最终使用goog，找到这个链接像http://getbootstrap.com/javascript/#scrollspy

来源

2015-09-28 21:30:32

非常感谢罗科。正如你所说，我认为我需要更专注于使用开发者工具:-) – RayVM

与该页面，我居然无法访问开发工具，它抛出一个错误。

所以我用另一种方式做了，右键单击>查看页面源代码。

它是“JS/wow.min.js”的剧本，但是，我发现代码是低效的，我会做这种方式：

$(document).ready(function() { 
$(window).scroll(function() { 
if ($(this).scrollTop()> 200) 
{$('target-element').do something}); });

此笔：

http://codepen.io/damianocel/pen/RWodej

来源

2015-09-28 23:03:12

使滚动菜单处于活动状态的是什么？

回答

相关问题