调整滚动上的元素大小

Resizing elements on scroll

本文关键字：元素 滚动 调整      更新时间：2023-09-26

我正在尝试创建一个在滚动上"崩溃"的标题。我几乎已经设置了功能，但是它是"向后的"。

这是一个JSFiddle链接，展示了这个概念。

问题是，我希望标题开始高和降低高度，因为页面正在滚动(而不是其他方式)。

jQuery: 

$(window).scroll(function() {    
var $myDiv = $('header');   
var st = $(this).scrollTop();
$myDiv.css("height", st );

试试这个- 

$(window).scroll(function() {    
    var $myDiv = $('header');   
    var st = $(this).height() - $(this).scrollTop();
    $myDiv.css("height", st );
});

小提琴

相关文章：