Question

我不确定该问题的标题是什么，因为它非常复杂。为了演示，我创造了一个小提琴：

基本上，我正在制作一个包含不同背景颜色的不同部分的网站。设计师认为当你向下滚动到另一个部分时改变徽标的颜色是个好主意，好像该部分是“掩盖”徽标（见小提琴，很难解释）。

然而，正如您可以在小提琴中看到的那样，问题是当您滚动得足够快时，徽标会停止调整大小。有没有人知道如何解决这个问题？

由于发布到jsfiddle.net的链接必须附带代码，这里是js（我从实际的网站版本中简化了一下）：

var $logo = $("#logo");

$(window).scroll(function(){
    scrollTop = $(document).scrollTop();
    $logo.css("top", scrollTop + "px");

    if ( scrollTop + 180 >=  600  ) {
        $logo.find(".second").css("height", (scrollTop + 180) - 600 + "px");
    }

});

Answer 1

在else

中添加if条款

else {
        $logo.find(".second").css("height", (scrollTop + 180) - 600 + "px");
     }

请参阅更新小提琴：http://jsfiddle.net/hbrunar/2W5Jd/1/

如果您不需要在if部分中执行任何其他操作，请完全跳过它：

http://jsfiddle.net/hbrunar/2W5Jd/2/

jQuery滚动功能无法正常工作

1 个答案: