我希望在页面顶部有一个相对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直到用户停止滚动)。
您对我如何在移动设备上实现这一目标有所了解吗?