我一直在论坛上寻找解决这个问题的方法,我能找到的最接近的数字是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 不同的面料.您会注意到页面突然向下滚动.有了这一点,似乎只有这样我才能让这件事按预期进行.但我认为这是错误的做法?
任何帮助都非常感谢!