在視差滾動中實時調整大小

我在我的項目中使用了stellar.js。
有一個問題 - 根據「實時調整大小」要求（不要重新加載頁面）。當我使用調整大小功能來計算新的位置在下面水平滾動LEFT：在視差滾動中實時調整大小

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

與「數據恆星比」的元素將不被覆蓋。
我該如何解決這個問題？

感謝您的幫助。

根據以下要求
- >當縮放瀏覽器，然後重新計算實時的元素位置（NO刷新頁面）
- >所以，我將重新計算位置和覆蓋新位置元件。
- >但是，使用數據恆星比率屬性的元素不能覆蓋新的位置。（例如在評論中）
這裏是我的問題。再次感謝您的幫助。

來源

2013-10-17 xenophon566

你的問題很不清楚。但是，如果你想改變數據恆星比率屬性，你可以這樣做。

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

element必須是jQuery對象。

來源

2013-10-17 15:09:02

，如果窗口innerWidth是** ** 1000像素，當我設置**左側位置50％**，然後我們得到的左側位置** ** 500像素的元素，現在我們**將窗口大小調整爲500px **，我們應該得到左邊的位置是** 250px **，但我仍然在元素位置獲得500px，並且我無法**覆蓋**頁面中元素的位置**沒有重裝** – xenophon566

要你指

_repositionElements：（）的函數在stellar.js

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 =之後
B比率之前
bResize =調整大小的瀏覽器的瀏覽器調整大小調整大小=比
newPositionLfet =全部元素左側位置

newPositionTop =同向newPositionLeft在正常

來源

2013-11-05 07:37:51 xenophon566

在視差滾動中實時調整大小

回答

相關問題