gpt4 book ai didi

javascript - 滚动时收缩标题

转载 作者:太空宇宙 更新时间:2023-11-04 14:27:48 25 4
gpt4 key购买 nike

我看到的大多数关于在滚动时缩小标题的帖子都涉及使用 jQuery 动画或类似的东西。这让它变得太明显和即时,但我正在寻找渐进的东西:

http://www.kriesi.at/themes/enfold/

这是一个很好的例子,我正在尝试做类似的事情:

jQuery(document).ready(function($){
var $myDiv = $('#logo img');
var logoHeight = $myDiv.height;
var stop = false;

$(window).scroll(function() {
logoHeight = $myDiv.height;
var st = $(this).scrollTop();

if(st >= 50 || logoHeight >= 97){
stop = true;
}

if(!stop){
$myDiv.height(st);
}
}).scroll();
});

使用此 jQuery 跟踪滚动。问题是它永远不会停止或根本不出现。有没有更好的方法来实现我的意思?

最佳答案

您使用 stop 的方式,在您将其设置为 true 后,它再也不会变为 false。

也许是这样的:

var stop = (st >= 50 || logoHeight >= 97);

代替 if 并删除上面的行 var stop = false;

关于javascript - 滚动时收缩标题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19411194/

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