草庐IT

parallax

全部标签

ios - Keith Clark 的 CSS Parallax Inertial/Momentum Scrolling on Mobile

所以我用KeithClark'spureCSSparallax建立了一个网站主意。它看起来不错,但我很好奇是否有人想出如何在iOS上允许惯性/动量滚动。Hereismysitesofar.目前我所知道的:目前惯性/动量滚动不起作用,因为基本上整个页面都保存在一个带有overflow-y:auto的容器中。因此,当您在页面上滚动时,您是在一个容器内滚动。在iOS上,您必须应用-webkit-overflow-scrolling:touch以允许非视口(viewport)滚动的任何内容具有惯性/动量滚动。如果将-webkit-overflow-scrolling:touch添加到.para

关于javascript:Skrollr页面上的移动导航栏水平滚动

MobilenavbarhorizontalscrollonSkrollrpage我的移动导航栏位置固定在屏幕底部并溢出到右侧。我希望能够水平滚动,但是,skrollr似乎正在捕获滚动事件并将其转换为垂直滚动。禁用skrollr后,我可以水平滚动导航栏。我尝试将导航栏的zindex设置得尽可能高,但skrollr仍然会对其进行触摸。这可能吗?编辑:想上传一个我想要实现的草图以使其更清晰。覆盖位置固定,位于屏幕底部,z索引在所有内容之上,其内容向右溢出:1white-space:nowrap;overflow-x:auto;overflow-y:hidden;在移动设备上,拖动叠加层会开始滚动整

关于javascript:Skrollr页面上的移动导航栏水平滚动

MobilenavbarhorizontalscrollonSkrollrpage我的移动导航栏位置固定在屏幕底部并溢出到右侧。我希望能够水平滚动,但是,skrollr似乎正在捕获滚动事件并将其转换为垂直滚动。禁用skrollr后,我可以水平滚动导航栏。我尝试将导航栏的zindex设置得尽可能高,但skrollr仍然会对其进行触摸。这可能吗?编辑:想上传一个我想要实现的草图以使其更清晰。覆盖位置固定,位于屏幕底部,z索引在所有内容之上,其内容向右溢出:1white-space:nowrap;overflow-x:auto;overflow-y:hidden;在移动设备上,拖动叠加层会开始滚动整