masyarakat Belajar Perpustakaan Alatan Masa lapang

Melayu

Rumah > pembangunan bahagian belakang > tutorial php > javascript - 页面滚动到相应位置导航栏也触发相应效果

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

WBOY

Lepaskan： 2016-06-06 20:36:03

asal

1549 orang telah melayarinya

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>

Salin selepas log masuk

Label berkaitan：

javascript jquery php

sumber：php.cn

Artikel sebelumnya：php 引用foreach输出问题 Artikel seterusnya：thinkPHP 命名空间问题？

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel terbaru oleh pengarang