gpt4 book ai didi

jquery - 基于当前 View 使用滚动时突出显示事件链接

转载 作者:行者123 更新时间:2023-12-03 22:29:49 25 4
gpt4 key购买 nike

我有一个只有一页的网站,用户使用使用scrollto jquery 插件的链接导航到每个部分。

我的问题是:我想在主菜单中显示事件链接。因此,如果您滚动到联系表单,联系链接就会突出显示。现在我可以通过单击后添加类来在 jquery 中执行此操作。如果这样做,如果用户手动滚动到另一个部分,联系链接仍将处于事件状态,这将是不正确且具有误导性的。

所以我的想法是以某种方式找出当前 View 中的 div id。但我真的不明白该怎么做。有任何想法吗?

最佳答案

这应该可以帮助您添加手动滚动覆盖:

$(function(){
var sections = {},
_height = $(window).height(),
i = 0;

// Grab positions of our sections
$('.section').each(function(){
sections[this.name] = $(this).offset().top;
});

$(document).scroll(function(){
var pos = $(this).scrollTop();

// Look in the sections object and see if any section is viewable on the screen.
// If two are viewable, the lower one will be the active one.
for(i in sections){
if(sections[i] > pos && sections[i] < pos + _height){
$('a').removeClass('active');
$('#nav_' + i).addClass('active');
}
}
});
});

演示:http://jsfiddle.net/x3V6Y/

关于jquery - 基于当前 View 使用滚动时突出显示事件链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8393442/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com