带有可滚动元素的CSS Hover在较新的Chrome浏览器中不起作用

是因为Chrome浏览器在处理带有滚动元素的CSS Hover时存在一些兼容性问题。这可能是由于浏览器的版本更新或者CSS规范的变化导致的。

为了解决这个问题，可以尝试以下几种方法：

1. 使用JavaScript：可以通过JavaScript来实现带有可滚动元素的Hover效果。通过监听鼠标移动事件和滚动事件，动态改变元素的样式来模拟Hover效果。
2. 使用伪类选择器：可以尝试使用伪类选择器来实现Hover效果，例如:hover、:focus等。这些伪类选择器可以在滚动元素上添加样式，从而实现Hover效果。
3. 使用CSS框架或库：一些CSS框架或库可能已经解决了这个兼容性问题，并提供了相应的解决方案。可以尝试使用这些框架或库来实现带有可滚动元素的Hover效果。
4. 更新浏览器版本：如果问题是由于浏览器版本过旧导致的，可以尝试更新Chrome浏览器到最新版本，以获取最新的修复和改进。

总结起来，解决带有可滚动元素的CSS Hover在较新的Chrome浏览器中不起作用的问题可以通过使用JavaScript、伪类选择器、CSS框架或库以及更新浏览器版本等方法来实现。具体的解决方案可以根据具体情况选择合适的方法。