我使用backstretch.js来浏览跨浏览器背景图片。如何将图像设置为固定在background-attachment: fixed
等特定块上?
我知道有一种jQuery方法可以设置固定跨浏览器的背景图像定位
$(window).scroll(function() {
var scrolledY = $(window).scrollTop();
$('.first-block').css('background-position', 'center ' + ((scrolledY)) + 'px');
});
但是该代码在Mac OS和iOS中冻结。有没有方法可以将该代码添加到图像中而不是用于背景图像?或者是任何删除冻结的方法..?如果没有冻结我将删除backstretch.js并使用背景图像滚动..
JSFIDDLE DEMO 1在这个演示中,您可以看到使用jQuery模拟background-position: fixed
。它在Mac OS和iOS上冻结。在Windows上它很好!如何清除冻结?
JSFIDDLE DEMO 2在这个演示中,您可以看到backstretch.js的操作,它可以使全尺寸图像跨浏览器。如何将其设置为像DEMO 1中那样滚动?