javascript - 在视差滚动中实时调整大小

Question

我在我的元素中使用了 stellar.js。
有一个问题-在“realtime resize” 要求下(do not reload page)。当我使用resize 函数 来计算下面水平滚动中的新位置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 对象。