Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/385.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 导航跟随滚动_Javascript_Jquery_Twitter Bootstrap_Http - Fatal编程技术网

Javascript 导航跟随滚动

Javascript 导航跟随滚动,javascript,jquery,twitter-bootstrap,http,Javascript,Jquery,Twitter Bootstrap,Http,我正在尝试在滚动之后创建一个导航栏,当我到达另一个部分时会更改活动项。 我试着用它来做,但没能成功。我首先导入了脚本,向部分添加了一个类,并添加了教程中提到的h2。 它看起来与此类似: 但我不明白在什么时候应该将导航栏的Accative项与类链接,以及如何用这行代码初始化插件: $('.first-bloc').scrollNav(); 有人能解释一下我缺少了什么以及为什么它不工作吗?您有两个问题:1)您没有添加jQuery。2) 您没有添加$('.first bloc').scrollNav

我正在尝试在滚动之后创建一个导航栏,当我到达另一个部分时会更改活动项。 我试着用它来做,但没能成功。我首先导入了脚本,向部分添加了一个类,并添加了教程中提到的h2。 它看起来与此类似:

但我不明白在什么时候应该将导航栏的Accative项与类链接,以及如何用这行代码初始化插件:

$('.first-bloc').scrollNav();
有人能解释一下我缺少了什么以及为什么它不工作吗?

您有两个问题:1)您没有添加jQuery。2) 您没有添加
$('.first bloc').scrollNav()关于文档就绪事件


下面是一个简单得多的例子,我相信你正在尝试做什么

*要在scroll上添加活动状态,可以使用引导

函数scrollNav(){
$('.navbar a')。单击(函数(){
//切换类
$(.active”).removeClass(“active”);
$(this).最近('li').addClass(“活动”);
var theClass=$(this.attr(“类”);
$('..+theClass).parent('li').addClass('active');
//生动活泼
$('html,body').stop().animate({
scrollTop:$($(this.attr('href')).offset().top-60
}, 400);
返回false;
});
$('.scrollTop a').scrollTop();
}
滚动导航()
body,
html{
边缘顶部:60像素;
位置:相对位置;
}

与流行的观点相反,Lorem Ipsum不仅仅是随机文本。它起源于公元前45年的一段古典拉丁文学,距今已有2000多年的历史。弗吉尼亚州汉普登悉尼学院的拉丁语教授理查德·麦克林托克(Richard McClintock)看起来 从Lorem Ipsum的一段文字中找出一个比较晦涩的拉丁语单词,Concertetur,并在古典文学中对该单词的引用中找到了无可置疑的来源。Lorem Ipsum来自“de Finibus”第1.10.32节和第1.10.33节 西塞罗于公元前45年所著的《博诺鲁姆与马洛鲁姆》(善与恶的极端)。这本书是一本关于伦理学理论的论文,在文艺复兴时期非常流行。Lorem Ipsum的第一行“Lorem Ipsum dolor sit amet…”来自一行 在第1.10.32节中,与流行观点相反,Lorem Ipsum不是简单的随机文本。它起源于公元前45年的一段古典拉丁文学,距今已有2000多年的历史。理查德·麦克林托克,汉普顿悉尼学院拉丁语教授 在维吉尼亚州,从《洛伦·伊普苏姆》的一段文字中查找了一个更为晦涩的拉丁语单词,即“concertetur”,并查阅了古典文学中对该词的引用,发现了无可置疑的来源。Lorem Ipsum来自第1.10.32节和 西塞罗于公元前45年所著《德菲尼布斯·博诺鲁姆和马洛鲁姆》(善与恶的极端)的第1.10.33节。这本书是一本关于伦理学理论的论文,在文艺复兴时期非常流行。Lorem Ipsum的第一行,“Lorem Ipsum dolor sit amet…”, 来自第1.10.32节的一行。与流行的观点相反,Lorem Ipsum不是简单的随机文本。它起源于公元前45年的一段古典拉丁文学,距今已有2000多年的历史。悉尼汉普顿大学拉丁语教授理查德·麦克林托克 弗吉尼亚大学,从一段《洛伦·伊普斯姆》中查找了一个更为晦涩的拉丁词,即“concertetur”,并查阅了古典文学中对该词的引用,发现了无可置疑的来源。Lorem Ipsum来自第1.10.32节 西塞罗于公元前45年写的《德菲尼布斯·博诺鲁姆和马洛鲁姆》(善与恶的极端)的第1.10.33节。这本书是一本关于伦理学理论的论文,在文艺复兴时期非常流行。Lorem Ipsum的第一行,“Lorem Ipsum dolor sit “amet..”,来自第1.10.32节中的一行。与流行的观点相反,Lorem Ipsum不是简单的随机文本。它起源于公元前45年的一段古典拉丁文学,距今已有2000多年的历史。理查德·麦克林托克,拉丁语教授 在弗吉尼亚州的汉普顿悉尼学院,从一段《洛伦·伊普斯姆》中查找到一个更为晦涩的拉丁语单词“concertetur”,并查阅了古典文学中该词的引用,发现了无可置疑的来源。同侧盲 出自西塞罗于公元前45年所著《德菲尼布斯·博诺鲁姆和马洛鲁姆》(善与恶的极端)的第1.10.32节和第1.10.33节。这本书是一本关于伦理学理论的论文,在文艺复兴时期非常流行。Lorem Ipsum的第一行, “Lorem ipsum dolor sit amet..”来自第1.10.32节中的一行。 与流行的观点相反,Lorem Ipsum不是简单的随机文本。它起源于公元前45年的一段古典拉丁文学,距今已有2000多年的历史。弗吉尼亚州汉普登悉尼学院的拉丁语教授理查德·麦克林托克(Richard McClintock)看起来 从Lorem Ipsum的一段文字中找出一个比较晦涩的拉丁语单词,Concertetur,并在古典文学中对该单词的引用中找到了无可置疑的来源。Lorem Ipsum来自“de Finibus”第1.10.32节和第1.10.33节 西塞罗于公元前45年所著的《博诺鲁姆与马洛鲁姆》(善与恶的极端)。这本书是一本关于伦理学理论的论文,在文艺复兴时期非常流行。Lorem Ipsum的第一行“Lorem Ipsum dolor sit amet…”来自一行 在第1.10.32节中,与流行观点相反,Lorem Ipsum不是简单的随机文本。它起源于公元前45年的一段古典拉丁文学,距今已有2000多年的历史。理查德·麦克林托克,汉普顿悉尼学院拉丁语教授 在维吉尼亚州,从一段《洛雷姆·伊普苏姆》(Lorem Ipsum)中查到了一个比较晦涩的拉丁语单词,concertetur,然后就去了