css - jmpress : Scrolling on Absolutely Positioned Element (Slide) with auto height

Question

Live Site

我有一个使用 jmpress 的站点，但我很难滚动浏览我的内容。我可以通过简单地选择页面上的文本并向下拖动来在 Chrome 中滚动，但我想在所有具有 native 滚动的浏览器中实现这一点，也许由 javascript 模拟。我已经检查了一些插件来执行此操作，例如 jScrollpane 和 tinyScrollbar，但是如果没有高度设置和 overflow-y 设置为滚动，它们都无法工作。第二个问题:即使我将 overflow-y 设置为 scroll，鼠标滚轮也不会发生滚动。

在控制台中试试这个:$(".step").jScrollPane();。什么都没发生。将每个步骤的 height 设置为 800px 和 overflow-y scroll，并且滚动有效，但这仍然只是相对于高度 window 。我需要一些方法来计算周围元素的大小(相对定位)，以便在用户调整屏幕大小时可以计算高度。

那么是否可以使用 jmpress 在绝对定位的元素(幻灯片)上实现滚动并保持高度为自动？

Answer 1

你可以使用jquery的window resize事件来动态设置你的高度，你设置高度后你可以调用tinyscrollbar的update方法来更新滚动条。