我試圖讓這個jQuery parallax代碼工作,但我不想意大利麪一切。如何循環應用於多個元素ID?試圖循環一個函數來運行多個元素 - jQuery
(它不能與類一起工作,因爲函數需要針對每個特定的div運行多次) - 我在循環方面不是很好,但仍然在學習如何去做這件事。
無論如何,這是一個截面的運作代碼(與兒童的div一個div,#about> #pAbout在這種情況下):
$(document).ready(function() {
if ($("#pAbout").length) {
parallax();
}
});
$(window).scroll(function(e) {
if ($("#pAbout").length) {
parallax();
}
});
function parallax(){
if($("#pAbout").length > 0) {
var plxBackground = $("#pAbout");
var plxWindow = $("#about");
var plxWindowTopToPageTop = $(plxWindow).offset().top;
var windowTopToPageTop = $(window).scrollTop();
var plxWindowTopToWindowTop = plxWindowTopToPageTop - windowTopToPageTop;
var plxBackgroundTopToPageTop = $(plxBackground).offset().top;
var windowInnerHeight = window.innerHeight;
var plxBackgroundTopToWindowTop = plxBackgroundTopToPageTop - windowTopToPageTop;
var plxBackgroundTopToWindowBottom = windowInnerHeight - plxBackgroundTopToWindowTop;
var plxSpeed = 0.35;
plxBackground.css('top', - (plxWindowTopToWindowTop * plxSpeed) + 'px');
}
}
我希望創建陣列是這樣的:
var ids = ['#pAbout', '#pConcept', '#pBroadcast', '#pDigital', '#pDesign', '#pContact'];
但我不能讓電子商務工作不幸,這對我來說是非常令人沮喪的。任何幫助將不勝感激!
向我們展示你嘗試在循環請。 –