更改jQuery動畫div的最終位置上的element.style

Question

我正在使用相冊jQuery插件（超大）。 它包含一個縮略圖托盤，只需按一下按鈕即可從屏幕底部向上滑動，從而在div屬性和firebug css'element.style中創建以下HTML。 屬性：

style="display: block; bottom: -150px;"

當呼叫者單擊時：

style="display: block; bottom: 0px;"

我正在嘗試在頁面底部放置頁腳div，因此要將結束位置移至“ bottom：0px”。 我已經看到可以向本地CSS添加一個額外的element.style，但是沒有“ before”和“ after”類型的選擇，我不知道這是否對我有幫助。 此外，我在JS文件中找不到該函數，據我了解，無論如何也無法訪問該函數。 我需要將其更改為：

style="display: block; bottom: -150px;"

當呼叫者單擊時：

style="display: block; bottom: 42px;"

任何建議都將受到歡迎。 謝謝

Answer 1

$('#clickedElement').on('click', function() {    
    $('#element').css('bottom', '42px')
});

如果我沒有誤會你？

Answer 2

可能找不到的函數是jquery .css()函數，您可以在此處了解其功能。

另外，如果您想對潛水進行動畫處理，則可以使用jquery .animate()函數（ docs ）。

在您的情況下，它應類似於：

$('#button').click(function() {
    $('#element').animate({
        $('#element').css('bottom', '42px');
    }, 5000, function() {
    });
});

以毫秒為單位的動畫時間為5000 。