Fancybox内嵌弹出不移动的移动页面滚动
Fancybox inline popup on mobile not moving with page scroll
我在这个网站上工作:http://www.fairfaxandroberts.com.au/
和我使用fancybox内联弹出:http://fancyapps.com/fancybox/
当你访问这个网站时,你可以看到当你滚动instagram feed时显示在下方的弹出窗口。
在台式机和大屏版本上,它工作得很好,但是在手机版本上,当你在instafeed下方滚动时,弹出框会显示出来,但它会停留在显示的位置,它不会随着页面滚动而移动。
我用来显示Fancybox的jQuery代码如下: $(window).scroll(function() {
var y = $(window).scrollTop();
var insta_feed_top = $("#slide-55").offset().top;
if (y > insta_feed_top) {
$(window).off('scroll');
$(".fancybox_newsletter")
.fancybox({
helpers: {
overlay: {
locked: false
}
}
}).trigger('click');
}
});
有什么问题吗?我试了很多次,看了网站上的文档,但都不起作用。
[SOLUTION]
伙计们,在手机上调试后,我发现移动设备的位置是绝对变化的。我只是改变了固定的位置,添加了一些顶部和左边缘,一切看起来都很完美。
再次感谢。
相关文章:
- css停止图像在滚动中移动
- 背景图像顶部的滚动图像不移动
- javascript移动交叉浏览器确定用户是否滚动到页面底部
- 动态添加/创建的移动滚动条无法正常工作
- 如何设置移动滚动的最大值日期
- Facebook找到了一种解决移动滚动的方法
- Kendo UI移动滚动程序错误
- 移动滚动无法使用fullpage.js和wow.js
- 溢出时移动滚动方向检测:隐藏页面
- 元素如果在mcustomscrollbar中拖动,则不会向下移动滚动条
- jquery scrollTop工作,但不移动滚动条
- Jquery-在特定时间后自动移动滚动条到特定位置
- jQuery移动滚动/页面切断问题的多页模板
- 移动滚动条时,始终将窗口保持在中心位置
- 不能在iframe内移动滚动条
- 扩展预览关闭移动滚动
- Jquery移动滚动到底部的新页面
- 移动滚动日期选择器被jQuery移动模式隐藏
- 用鼠标移动滚动
- 剑道UI下拉列表移动滚动