微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

带有溢出-y 的光滑滑块

如何解决带有溢出-y 的光滑滑块

我正在使用 Slick Slider,当鼠标悬停在下一个 div 上时,我试图让它越过下一个 div,但没有成功(当然没有滚动)。 我不明白定位和溢出:可见它应该可以正常工作吗?

有好心人帮帮我吗? 提前致谢

[CodePen 上的结果]

<p class="codepen" data-height="265" data-theme-id="light" data-default-tab="html,result" data-user="1max2web" data-slug-hash="ExWjxrd" style="height: 265px; Box-sizing: border-Box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;" data-pen-title="Slider Slick test Overflow">
  <span>See the Pen <a href="https://codepen.io/1max2web/pen/ExWjxrd">
  Slider Slick test Overflow</a> by Mijsoot (<a href="https://codepen.io/1max2web">@1max2web</a>)
  on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<script async src="https://cpwebassets.codepen.io/assets/embed/ei.js"></script>

解决方法

只需更改 .p_test:hover 状态

overflow:visible

overflow-y:scroll

在这里工作:https://codepen.io/rg-the-selector/pen/vYxOXpX

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。