移动网络 - 如果显示相对div,则显示相对div下方的固定div

时间:2014-06-12 07:13:01

标签: jquery html css iphone mobile

我希望在页面顶部有一个相对div,width 100%, height 50px。 在那个div下面,我想再放一个。 当用户在页面中向下滚动时,我希望第二个div保持在窗口的顶部。

为实现这一目标,我将第一个div设置为position:relative,将第二个div设置为position:fixed top:50px。然后,使用jQuery,我听滚动$(window).on("scroll").

当触发滚动事件时,我将第二个div的顶部设置为50 - $(window).scrollTop()(最小值为0),这会将第二个div放在顶部窗口。

这在桌面上运行良好,但在移动设备(iPhone 5s Safari)上滚动"滚动"只有当用户停止滚动时才触发事件,因此行为不是我期望的行为(第二个div保持其前50px直到用户停止滚动)。

您对我如何在移动设备上实现这一目标有所了解吗?

0 个答案:

没有答案