我一直在论坛上寻找解决这个问题的方法,我能找到的最接近的数字是this.但似乎没有解决办法.

我有一个值为grid-template-columns: repeat(auto-fill,minmax(70px,1fr));的css网格,其父元素的值为max-height: 350px; overflow-y: auto;.当我" Select "网格中的项目时,一切都很好,直到我向下滚动足够远并 Select 一个项目,然后它会向下滚动整个页面.判断元素,网格中的项目似乎会继续滚动到页面的顶部(当然是隐藏的),但一旦这些项目到达页面的顶部,它就会自动滚动整个页面.

我试着在这里做一个工作演示,但它不能复制,不确定这是因为它在IFRAME中吗?这是我正在做的工作的链接:https://fathomless-brook-11892.herokuapp.com/product/64e6566b3ec4190ccdecb5ba

如果你判断它,在css中找到"*"并取消选中max-height: -webkit-fill-available;,然后开始向下滚动并 Select 不同的面料.您会注意到页面突然向下滚动.有了这一点,似乎只有这样我才能让这件事按预期进行.但我认为这是错误的做法?

任何帮助都非常感谢!

推荐答案

我不太确定它为什么有效,但将"身体"设置为position: fixed;似乎解决了这个问题.它像max-height: -webkit-fill-available;一样工作,但现在当我把它嵌入到其他地方时,它现在像预期的那样工作.

Javascript相关问答推荐

如何使用Echart 5.5.0创建箱形图

. NET中Unix时间转换为日期时间的奇怪行为

Msgraph用户邀请自定义邮箱模板

当点击注册页面上的注册按钮时,邮箱重复

WebGL 2.0无符号整数输入变量

使用GraphQL查询Uniswap的ETH价格

为什么useState触发具有相同值的呈现

扩展类型的联合被解析为基类型

在数组中查找重叠对象并仅返回那些重叠对象

使用auth.js保护API路由的Next.JS,FETCH()不起作用

无法读取未定义的属性(正在读取合并)-react RTK

如何用javascript更改元素的宽度和高度?

如何在一个对象Java脚本中获取不同键的重复值?

如何修复错误&语法错误:不能在纯react 项目中JEST引发的模块&之外使用导入语句?

JWT Cookie安全性

如何在FiRestore中的事务中使用getCountFromServer

如何在每隔2分钟刷新OKTA令牌后停止页面刷新

Chart.js Hover线条在鼠标离开时不会消失

使用VITE开发服务器处理错误

在Reaction Native中,ScrolltoIndex在结束时不一致地返回到索引0