小编Nig*_*gmr的帖子

我知道有一个非常简单的方法,但我似乎无法在我的搜索中找到任何东西.

我找到了很多关于到达页面上某个滚动位置然后将div设置为不同大小的示例,但是我想根据滚动位置调整div的最大高度.最初我希望div max-height大约是150px,然后当你从页面向下200px滚动到页面下400px时,我希望div的最大高度减小到75px.然后显然当你向上滚动时,它会变大.

我不能提供我已经尝试过的例子,因为我还没有尝试,因为我不知道从哪里开始.

注意:尺寸应随滚动位置逐渐调整.

在搜索浏览器中检查CSS支持的方法时,我遇到了两种不同的方法:CSS和JavaScript.我之前使用过JS来检查浏览器中的功能支持,但是没有使用CSS属性.据我所知,较新的浏览器增加了对CSS的支持@supports,但是那些不支持的浏览器呢？

CSS示例@supports:

@supports (display: flex) {
    div { display: flex; }
}

因此,如果旧浏览器不支持CSS @supports,那么使用JS和CSS方法是否切实可行？关于我上面的例子,是否可以用它做几乎一个if/else语句,例如:

@supports (display: flex) { 
    div { display: flex; }
} else { 
    div { display: none; }
}

我理解它可能不是关键词else,但能够按照这些方式执行某些操作将是有益的.所以,总结和组织我的问题:

1. @supports在不支持此CSS语法的旧浏览器中检查CSS属性支持的最佳方法是什么？
2. 为此使用CSS和JS是否有意义或实用？
3. if/elseCSS 有某种语法@supports吗？