communauté Apprendre Bibliothèque d'outils Loisirs

Français

Maison > développement back-end > tutoriel php > javascript - 页面滚动到相应位置导航栏也触发相应效果

javascript - 页面滚动到相应位置导航栏也触发相应效果

WBOY

Libérer： 2016-06-06 20:36:03

original

1549 Les gens l'ont consulté

javascript - 页面滚动到相应位置导航栏也触发相应效果

滚动到了工作经历左侧的导航栏那个蓝色的圆圈到工作经历左边
用jquery什么事件实现啊

回复内容：

javascript - 页面滚动到相应位置导航栏也触发相应效果

滚动到了工作经历左侧的导航栏那个蓝色的圆圈到工作经历左边
用jquery什么事件实现啊

当滚动的时候检测每一个块的offetTop，当这个top小于某个数的时候就激活那个导航的样式。

bootstrap的scrollspy.js，可以参考下

http://v3.bootcss.com/javascript/#scrollspy

这是我很久以前写的，应该能行。

<code>//jquery v1.8.3
$(window).scroll(scrollto); //判断滚动条滚动了，执行scrollto()

function scrollto(){
    var scroll_top = $(window).scrollTop(); //获取到滚动条距离顶部的位置(应该是，嘿嘿)，你算好滚动到工作经历是多少的数值，然后进行if判断，大于这个数值了就对左侧列表的原点进行操作。
    $(".float").stop().animate({top:scroll_top}); //这是我要进行的操作
}
</code>

Copier après la connexion

Étiquettes associées：

javascript jquery php

source：php.cn

Article précédent：php 引用foreach输出问题 Article suivant：thinkPHP 命名空间问题？

Déclaration de ce site Web

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Derniers articles par auteur