我创建了一个网站,部分用jQuery设计风格,以创建一种重叠的视差外观。它在Chrome和Edge中完美运行,但是当我在safari中测试它时,它完全搞砸了。我已经设法解决了几个JQuery .height()
值的问题。
此var正在检查轮播中的图像高度。
var imageSize = $('#myCarousel').height();
使用console.log()
我已经知道在Chrome中读取的数据是正确的,但在safari中它的安慰是0。
任何帮助都很棒
直播网站 - http://midlandgates.co.uk
GitHub - https://github.com/Matthammond96/MidlandGates-Website (homePageOnload.js& index.html)
答案 0 :(得分:1)
让图像首先加载,然后获得高度
$(document).ready
函数事件比load
$(window).on('load', function() {
//code
});
有关差异的更多信息here