视差滚动中的实时调整大小

Question

我在项目中使用了stellar.js 。
有一个问题-在“实时调整大小”要求下（ 请勿重新加载页面 ）。 当我在下面的水平滚动中使用调整大小功能计算新位置LEFT时：

$(window).resize(function(){
    var newPos = element.position().left*100; //Get NEW Position ...
    element.css("left", newPos);        //It's not working ...
});

具有“ data-stellar-ratio”的元素将不会被覆盖。
我该如何解决这个问题？

谢谢你的帮助。

根据以下要求
->调整浏览器大小时，然后实时重新计算元素位置（“不重新加载”页面）
->因此，我将重新计算位置并将新位置覆盖到元素。
->但是，使用data-stellar-ratio属性的元素不能覆盖新位置 。（注释示例）
这是我的问题。 再次感谢您的帮助。

Answer 1

您的问题还不清楚。 但是，如果您希望更改data-stellar-ratio属性，则可以这样做。

element.attr('data-stellar-ratio', 2);

element必须是jQuery对象。

Answer 2

给你参考

_repositionElements：stellar.js中的function（）

if (this.options.horizontalScrolling) {
 var bSize = this.options.refWidth,bResize = $(window).width(),bRatio = this.options.formula(bResize, bSize);

newPositionLeft = (scrollLeft + particle.horizontalOffset + this.viewportOffsetLeft + particle.startingPositionLeft - particle.startingOffsetLeft + particle.parentOffsetLeft) * -(particle.stellarRatio + fixedRatioOffset - 1) + particle.startingPositionLeft; 

newPositionLeft *= bRatio;   //all element reposition in here

newOffsetLeft = newPositionLeft - particle.startingPositionLeft + particle.startingOffsetLeft;

}

bSize =调整浏览器大小之前
bResize =之后调整浏览器大小
bRatio =调整大小比例
newPositionLfet =剩余所有元素位置

newPositionTop =与newPositionLeft相同