使用jQuery計算CSS：left：-100％

-2

我正嘗試在Google Play上創建相同的屏幕截圖視圖邏輯。使用jQuery計算CSS：left：-100％

問題：

如果你點擊屏幕截圖上的任何谷歌Play應用程序（例如link），畫面放大並「下一步截圖」每次點擊改變style="left: -100%">style="left: -200%">style="left: -300%"的<div class="expand-pages-container" style="left: -100%">...</div>內。

點擊上一個按鈕添加+ 100%到left:：style="left: -300%">style="left: -200%">style="left: -100%"

有沒有人對如何實現這一切與jQuery的想法？非常感謝

來源

2017-09-25 Gasper J.

請格式化您的問題。 – ProEvilz

告訴我們你到目前爲止所嘗試過的。要查看的方向是獲取當前的'left'值並加上100或減去100並將新值賦給'left'屬性 –

類似的東西？ https://jsfiddle.net/Platonow/fo5ft3gj/12/

document.getElementById("left").addEventListener("click", function() { 
    move(100); 
}); 

document.getElementById("right").addEventListener("click", function() { 
    move(-100); 
}); 

var move = function(diffrencePercentage) { 
    let images = document.getElementsByClassName("expand-pages-container")[0].getElementsByTagName("IMG"); 
    for(let i=0; i<images.length; i++) { 
    images[i].style.left = (parseInt(images[i].style.left) + diffrencePercentage) + "%"; 
    } 
};

來源

2017-09-25 15:20:06 Damian

非常感謝你，達米安！這正是我所需要的 –

對於你的問題有多少信息提供，這就是答案：

var hundred = parseInt($('div').css('left').replace(/px|\-/, ''))); 
// in this line we find how much 100% means in pixels. 

var left = parseInt($('div').css('left').replace('px', ''))); 
// this is the actual position 

$('.right-button').click(function() { 
    left -= hundred; 
    $('div').css('left', left + 'px'); 
}); 

$('.left-button').click(function() { 
    left += hundred; 
    $('div').css('left', left + 'px'); 
});

來源

2017-09-25 15:08:42 jack

使用jQuery計算CSS：left：-100％

回答

相關問題