css - 允许站点内容在固定定位元素下方滚动

标签 css scroll position fixed off-canvas-menu

我正在尝试在我的 Wordpress 站点中实现 Canvas 外菜单。菜单编码说明取自该站点:

http://tympanus.net/Development/OffCanvasMenuEffects/sideslide.html

问题是,当您打开菜单并且鼠标位于菜单上时,我无法滚动菜单下方的网站内容。这在移动版本中尤为重要,因为菜单占用了屏幕上的大部分空间,因此能够滚动网站内容非常重要。

所以基本上我希望菜单不可滚动,但无论菜单是否可见,站点内容都应始终可滚动。

最佳答案

我使用这里提到的 javascript 修复程序修复了它:

A way to scroll an underlying div when mouse is on top of a fixed div?

@howard-e 感谢您花时间看这个。

关于css - 允许站点内容在固定定位元素下方滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37357164/

相关文章:

html - 将 HTML 放在正确的位置

css - 如何将图像保持在 div 的中心? row text-center 和 margin-auto 不起作用

ios - UICollectionView 中的动画滚动到项目并不总是有效

html - 位置相对但固定标题

相对于可以移动的元素的jquery定位

html - 使我的网站能够扩展到移动设备

html - 将加速移动页面与 Bootstrap 结合使用

javascript - 未启用 tinyScroll

javascript - 按金额滚动事件?

jquery-ui - 选择菜单下拉菜单在调整大小时移动