如何使绝对定位图像像背景附件一样保持固定:固定;

时间:2014-08-18 21:29:13

标签: javascript jquery html ios css

我使用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中那样滚动?

0 个答案:

没有答案