当滚动到达锚点时,使用JQuery更改CSS元素

前端之家收集整理的这篇文章主要介绍了当滚动到达锚点时,使用JQuery更改CSS元素前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我目前有这个解决方案可以在页面到达某一点时更改CSS元素,但是我想使用#锚点而不是像素值(1804)来响应较小的屏幕。我知道这很容易,但我找不到如何:
$(document).scroll(function(){
    if($(this).scrollTop() > 1804)
    {   
        $('#voice2').css({"border-bottom":"2px solid #f4f5f8"});
        $('#voice3').css({"border-bottom":"2px solid #2e375b"});
    }
});

这是现在的状态:http://tibio.ch
谢谢,

解决方法

尝试这个:
var targetOffset = $("#anchor-point").offset().top;

var $w = $(window).scroll(function(){
    if ( $w.scrollTop() > targetOffset ) {   
        $('#voice2').css({"border-bottom":"2px solid #f4f5f8"});
        $('#voice3').css({"border-bottom":"2px solid #2e375b"});
    } else {
      // ...
    }
});
原文链接:https://www.f2er.com/jquery/182011.html

猜你在找的jQuery相关文章