我目前有这个解决方案可以在页面到达某一点时更改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 { // ... } });