jquery滚动页面对应nav切换样式

可以使用jQuery中的scroll()事件处理程序监听页面滚动事件，并通过scrollTop()方法获取当前页面的滚动距离，然后根据需要更新相应导航标签的样式。

示例代码如下：

$(window).scroll(function() {
var scrollTop = $(this).scrollTop();
$('nav a').removeClass('active');
$('nav a').each(function() {
var target = $($(this).attr('href'));
if (target.position().top <= scrollTop && target.position().top + target.outerHeight() > scrollTop) {
$(this).addClass('active');
}
});
});

其中，nav是导航栏的包裹元素，a是导航链接标签，active是表示当前被选中的标签样式。

如果您还有其它需要帮助的问题，欢迎随时提问。

相关问题

jquery滚动页面对应nav切换样式 以及点击头部nav滚动页面并切换nav样式

可以使用 jQuery 的 scroll() 函数来监测滚动事件，再结合 offset() 函数和 scrollTop() 函数，来实现滚动和导航栏样式的切换。当页面滚动时，通过计算每个导航栏对应的区域与页面顶部的距离来确定当前区域，然后再根据当前区域来改变导航栏的样式。当点击导航栏中的某个链接时，可以通过 smooth scrolling 来实现平滑滚动，并根据相应链接所在的区域来设置导航栏的样式。

关于代码的具体实现，可以参考以下链接：
https://www.runoob.com/w3cnote/jquery-scroll-nav.html

jquery 循环滚动页面

你可以使用jQuery的animate()方法和scrollTop属性来实现循环滚动页面。以下是一个简单的示例代码：

$(document).ready(function() {
  var windowHeight = $(window).height(); // 获取窗口高度
  var documentHeight = $(document).height(); // 获取文档高度
  var scrollHeight = documentHeight - windowHeight; // 获取滚动高度

  setInterval(function() {
    $('html, body').animate({
      scrollTop: '+=' + windowHeight // 每次滚动一个窗口高度
    }, 1000, function() {
      if ($(window).scrollTop() >= scrollHeight) { // 如果滚动到底部，回到顶部
        $('html, body').animate({
          scrollTop: 0
        }, 1000);
      }
    });
  }, 3000); // 每隔3秒执行一次滚动效果
});

这段代码会每隔3秒执行一次滚动效果，每次滚动一个窗口高度。如果滚动到底部，会回到页面顶部重新开始滚动。